A state should feel different before it explains itself.
Move through the rail to test quiet surfaces, interaction edges, solid actions and foreground text without changing the composition.
Selected interface state
← Back to palette directory
Interface state proof
Proof every pink state before it ships.
A source-verified twelve-step Pink scale turned into one interface state proof. Select any step and watch the same specimen move from quiet surface to border, action and readable text.
- Scale steps
- 12
- Role groups
- 4
- Version
- 3.0.0
Pinned provenance
The exact opaque light Pink export, frozen at 3.0.0.
This reference contains only Pink 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 states, measured side by side.
Official source order is preserved. Each compact card keeps the documented role, exact sRGB value, calculated text contrast and copy-ready formats together.
01
#FFFCFEApp background
pink-1
- RGB
rgb(255 252 254)- Black text
- 20.61:1
- White text
- 1.02:1
More formats
02
#FEF7FBSubtle background
pink-2
- RGB
rgb(254 247 251)- Black text
- 19.91:1
- White text
- 1.05:1
More formats
03
#FEE9F5Component background
pink-3
- RGB
rgb(254 233 245)- Black text
- 18.19:1
- White text
- 1.15:1
More formats
04
#FBDCEFHovered component
pink-4
- RGB
rgb(251 220 239)- Black text
- 16.59:1
- White text
- 1.27:1
More formats
05
#F6CEE7Active component
pink-5
- RGB
rgb(246 206 231)- Black text
- 14.90:1
- White text
- 1.41:1
More formats
06
#EFBFDDSubtle border
pink-6
- RGB
rgb(239 191 221)- Black text
- 13.17:1
- White text
- 1.59:1
More formats
07
#E7ACD0Interactive border
pink-7
- RGB
rgb(231 172 208)- Black text
- 11.21:1
- White text
- 1.87:1
More formats
08
#DD93C2Strong border or focus ring
pink-8
- RGB
rgb(221 147 194)- Black text
- 9.03:1
- White text
- 2.33:1
More formats
09
#D6409FSolid action background
pink-9
- RGB
rgb(214 64 159)- Black text
- 5.09:1
- White text
- 4.12:1
More formats
10
#CF3897Hovered solid background
pink-10
- RGB
rgb(207 56 151)- Black text
- 4.67:1
- White text
- 4.50:1
More formats
11
#C2298ALow-contrast text
pink-11
- RGB
rgb(194 41 138)- Black text
- 3.98:1
- White text
- 5.28:1
More formats
12
#651249High-contrast text
pink-12
- RGB
rgb(101 18 73)- Black text
- 1.74:1
- White text
- 12.10:1
More formats
Catalog scope
One complete state proof, not twelve search pages.
The collection is indexable only while all twelve published values match the frozen manifest. Individual token pages remain noindex so the complete working reference is the useful search destination.
Documented roles and calculated text ratios are starting evidence, not certification. Test typography, controls, borders, keyboard focus and adjacent surfaces in the final interface.