01
#FEFCFEApp background
purple-1
- RGB
rgb(254 252 254)- Black text
- 20.57:1
- White text
- 1.02:1
← Back to palette directory
Interface layer laboratory
Purple, built one layer at a time.
A source-verified twelve-step purple scale arranged as a working interface stack. Select any step to move from quiet canvas through controls and borders to solid actions and readable foregrounds.
- Scale steps
- 12
- Documented roles
- 12
- Version
- 3.0.0
Selected layerDepth without guesswork.
The selected token is applied to this interface specimen; its calculated foreground follows automatically.
Pinned provenance
The exact opaque light Purple export, frozen at 3.0.0.
This reference contains only Purple 1–12 from the opaque light sRGB export of @radix-ui/colors 3.0.0. Dark, alpha and P3 variants are outside its scope.
Hexees is an independent reference and is not affiliated with or endorsed by WorkOS or Radix.
- Version
- @radix-ui/colors 3.0.0
- Source
- Versioned package export
- License
- MIT License
Compact token ledger
Twelve exact layers, ready to inspect and copy.
Official source order is preserved. Every card keeps its role, exact sRGB value, calculated text contrast and copy-ready output together.
Inspect color
02
#FBF7FESubtle background
purple-2
- RGB
rgb(251 247 254)- Black text
- 19.84:1
- White text
- 1.06:1
More formats
03
#F7EDFEComponent background
purple-3
- RGB
rgb(247 237 254)- Black text
- 18.50:1
- White text
- 1.14:1
More formats
04
#F2E2FCHovered component
purple-4
- RGB
rgb(242 226 252)- Black text
- 17.06:1
- White text
- 1.23:1
More formats
05
#EAD5F9Active component
purple-5
- RGB
rgb(234 213 249)- Black text
- 15.38:1
- White text
- 1.37:1
More formats
06
#E0C4F4Subtle border
purple-6
- RGB
rgb(224 196 244)- Black text
- 13.37:1
- White text
- 1.57:1
More formats
07
#D1AFECInteractive border
purple-7
- RGB
rgb(209 175 236)- Black text
- 11.05:1
- White text
- 1.90:1
More formats
08
#BE93E4Strong border or focus ring
purple-8
- RGB
rgb(190 147 228)- Black text
- 8.48:1
- White text
- 2.48:1
More formats
09
#8E4EC6Solid background
purple-9
- RGB
rgb(142 78 198)- Black text
- 4.06:1
- White text
- 5.18:1
More formats
10
#8347B9Hovered solid background
purple-10
- RGB
rgb(131 71 185)- Black text
- 3.57:1
- White text
- 5.89:1
More formats
11
#8145B5Low-contrast text
purple-11
- RGB
rgb(129 69 181)- Black text
- 3.45:1
- White text
- 6.08:1
More formats
12
#402060High-contrast text
purple-12
- RGB
rgb(64 32 96)- Black text
- 1.59:1
- White text
- 13.18:1
More formats
Catalog scope
One complete scale, not twelve search pages.
The collection is indexable only while all twelve published values match the frozen manifest. Individual token pages remain noindex so this complete reference is the useful search destination.
A documented role and calculated text ratio are starting evidence, not certification. Test typography, controls, borders, focus indicators and adjacent surfaces in the final interface.