Payment needs review
The specimen is illustrative. Use the rail to compare state intensity; do not treat color alone as status meaning.
Current signal level
← Back to palette directory
Semantic incident workbench
Trace a ruby signal from whisper to critical.
A source-verified twelve-step Ruby scale arranged as an incident rail. Move through quiet surfaces, evidence borders, solid alerts and foreground text while the same status specimen stays in view.
- Scale steps
- 12
- Role groups
- 4
- Version
- 3.0.0
Pinned evidence
The exact opaque light Ruby export, frozen at 3.0.0.
This reference contains only Ruby 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
Incident token ledger
Twelve signals, one verified progression.
Official source order is preserved. Every compact entry keeps the documented role, exact sRGB value, calculated text contrast and copy-ready formats together.
01
#FFFCFDApp background
ruby-1
- RGB
rgb(255 252 253)- Black text
- 20.59:1
- White text
- 1.02:1
More formats
02
#FFF7F8Subtle background
ruby-2
- RGB
rgb(255 247 248)- Black text
- 19.91:1
- White text
- 1.05:1
More formats
03
#FEEAEDComponent background
ruby-3
- RGB
rgb(254 234 237)- Black text
- 18.21:1
- White text
- 1.15:1
More formats
04
#FFDCE1Hovered component
ruby-4
- RGB
rgb(255 220 225)- Black text
- 16.58:1
- White text
- 1.27:1
More formats
05
#FFCED6Active component
ruby-5
- RGB
rgb(255 206 214)- Black text
- 15.05:1
- White text
- 1.40:1
More formats
06
#F8BFC8Subtle border
ruby-6
- RGB
rgb(248 191 200)- Black text
- 13.28:1
- White text
- 1.58:1
More formats
07
#EFACB8Interactive border
ruby-7
- RGB
rgb(239 172 184)- Black text
- 11.26:1
- White text
- 1.86:1
More formats
08
#E592A3Strong border or focus ring
ruby-8
- RGB
rgb(229 146 163)- Black text
- 8.97:1
- White text
- 2.34:1
More formats
09
#E54666Solid action background
ruby-9
- RGB
rgb(229 70 102)- Black text
- 5.40:1
- White text
- 3.89:1
More formats
10
#DC3B5DHovered solid background
ruby-10
- RGB
rgb(220 59 93)- Black text
- 4.83:1
- White text
- 4.35:1
More formats
11
#CA244DLow-contrast text
ruby-11
- RGB
rgb(202 36 77)- Black text
- 3.87:1
- White text
- 5.43:1
More formats
12
#64172BHigh-contrast text
ruby-12
- RGB
rgb(100 23 43)- Black text
- 1.70:1
- White text
- 12.36:1
More formats
Catalog scope
One complete incident rail, 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 working reference is the useful search destination.
Documented roles and calculated text ratios are starting evidence, not certification. Pair status color with text or an icon, then test controls, focus indicators and adjacent surfaces in the final interface.