01
#FDFDFCApp background
sand-1
Radix Sand 1- RGB
rgb(253 253 252)- Black text
- 20.63:1
- White text
- 1.02:1
← Back to color catalog
Yellow-neutral field archive
Twelve layers of Sand, measured for interface depth.
A yellow-tinted neutral scale for interfaces paired with yellow, amber, orange and brown accents. Read the official source from near-white canvas to dense text as a measured material section.
- Scale steps
- 01—12
- Documented roles
- 12
- Version
- 3.0.0
Pinned provenance
The exact opaque light Sand export, frozen at 3.0.0.
This page contains only Sand 1–12 from the opaque light sRGB export of @radix-ui/colors 3.0.0. Dark mode, alpha and P3 values are outside this reference.
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
Measured strata
Every layer keeps its depth, role and exact value.
Official source order is preserved. Each specimen exposes its exact sRGB value, documented role and calculated black-or-white text contrast.
02
#F9F9F8Subtle background
sand-2
Radix Sand 2- RGB
rgb(249 249 248)- Black text
- 19.93:1
- White text
- 1.05:1
03
#F1F0EFComponent background
sand-3
Radix Sand 3- RGB
rgb(241 240 239)- Black text
- 18.45:1
- White text
- 1.14:1
04
#E9E8E6Hovered component
sand-4
Radix Sand 4- RGB
rgb(233 232 230)- Black text
- 17.15:1
- White text
- 1.22:1
05
#E2E1DEActive component
sand-5
Radix Sand 5- RGB
rgb(226 225 222)- Black text
- 16.06:1
- White text
- 1.31:1
06
#DAD9D6Subtle border
sand-6
Radix Sand 6- RGB
rgb(218 217 214)- Black text
- 14.88:1
- White text
- 1.41:1
07
#CFCECAInteractive border
sand-7
Radix Sand 7- RGB
rgb(207 206 202)- Black text
- 13.33:1
- White text
- 1.57:1
08
#BCBBB5Strong border or focus ring
sand-8
Radix Sand 8- RGB
rgb(188 187 181)- Black text
- 10.91:1
- White text
- 1.92:1
09
#8D8D86Solid background
sand-9
Radix Sand 9- RGB
rgb(141 141 134)- Black text
- 6.29:1
- White text
- 3.34:1
10
#82827CHovered solid background
sand-10
Radix Sand 10- RGB
rgb(130 130 124)- Black text
- 5.43:1
- White text
- 3.87:1
11
#63635ELow-contrast text
sand-11
Radix Sand 11- RGB
rgb(99 99 94)- Black text
- 3.48:1
- White text
- 6.04:1
12
#21201CHigh-contrast text
sand-12
Radix Sand 12- RGB
rgb(33 32 28)- Black text
- 1.29:1
- White text
- 16.30:1
Catalog scope
Twelve source values. No duplicate canonicals.
Production reconciliation found no existing exact-HEX canonical for this scale, so every Sand token retains Radix provenance. Individual detail pages stay noindex while this complete collection is discoverable.
Test actual typography, adjacent surfaces, borders, focus indicators and states. A token role and calculated text ratio are not an accessibility guarantee.
Open the contrast checker →Compare Radix Olive →