Calm structure, clear action.
Backgrounds, component surfaces, borders, actions and foregrounds are drawn from one exact scale.
Reviewed interface state
← Back to palette directory
Interface calibration deck
Build a teal interface, one role at a time.
A source-verified twelve-step Teal scale arranged as a working calibration deck. Select any token, inspect its intended role and see the whole set assembled into one compact interface specimen.
- Scale steps
- 12
- Role groups
- 4
- Version
- 3.0.0
Pinned provenance
The exact opaque light Teal export, frozen at 3.0.0.
This reference contains only Teal 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 steps for a complete interface system.
Official source order is preserved. Each compact card keeps the role, exact sRGB value, calculated text contrast and copy-ready formats together.
01
#FAFEFDApp background
teal-1
- RGB
rgb(250 254 253)- Black text
- 20.66:1
- White text
- 1.02:1
More formats
02
#F3FBF9Subtle background
teal-2
- RGB
rgb(243 251 249)- Black text
- 19.98:1
- White text
- 1.05:1
More formats
03
#E0F8F3Component background
teal-3
- RGB
rgb(224 248 243)- Black text
- 18.89:1
- White text
- 1.11:1
More formats
04
#CCF3EAHovered component
teal-4
- RGB
rgb(204 243 234)- Black text
- 17.58:1
- White text
- 1.19:1
More formats
05
#B8EAE0Active component
teal-5
- RGB
rgb(184 234 224)- Black text
- 15.88:1
- White text
- 1.32:1
More formats
06
#A1DED2Subtle border
teal-6
- RGB
rgb(161 222 210)- Black text
- 13.89:1
- White text
- 1.51:1
More formats
07
#83CDC1Interactive border
teal-7
- RGB
rgb(131 205 193)- Black text
- 11.47:1
- White text
- 1.83:1
More formats
08
#53B9ABStrong border or focus ring
teal-8
- RGB
rgb(83 185 171)- Black text
- 8.90:1
- White text
- 2.36:1
More formats
09
#12A594Solid action background
teal-9
- RGB
rgb(18 165 148)- Black text
- 6.84:1
- White text
- 3.07:1
More formats
10
#0D9B8AHovered solid background
teal-10
- RGB
rgb(13 155 138)- Black text
- 6.07:1
- White text
- 3.46:1
More formats
11
#008573Low-contrast text
teal-11
- RGB
rgb(0 133 115)- Black text
- 4.60:1
- White text
- 4.56:1
More formats
12
#0D3D38High-contrast text
teal-12
- RGB
rgb(13 61 56)- Black text
- 1.74:1
- White text
- 12.06:1
More formats
Catalog scope
One complete calibration deck, 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.