HexeesDigital color, made useful.
← Back to color catalog

Lime-neutral print proof

Olive, pressed into twelve exact interface weights.

A lime-tinted neutral scale for interfaces paired with grass and lime accents. Read the twelve official steps as a calibrated print proof, from quiet canvas to high-contrast text.

Scale steps
01—12
Documented roles
12
Version
3.0.0

Pinned provenance

The exact opaque light Olive export, frozen at 3.0.0.

This page contains only Olive 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
License
MIT

Calibration strips

Twelve interface roles, one exact lime cast.

Official source order is preserved. Every strip keeps its exact sRGB value, documented role and calculated black-or-white text contrast visible.

App background

olive-1

Radix Olive 1
RGB
rgb(252 253 252)
Black text
20.59:1
White text
1.02:1
Inspect canonical color

Subtle background

olive-2

Radix Olive 2
RGB
rgb(248 250 248)
Black text
20.02:1
White text
1.05:1
Inspect canonical color

Component background

olive-3

Radix Olive 3
RGB
rgb(239 241 239)
Black text
18.50:1
White text
1.14:1
Inspect canonical color

Hovered component

olive-4

Radix Olive 4
RGB
rgb(231 233 231)
Black text
17.21:1
White text
1.22:1
Inspect canonical color

Active component

olive-5

Radix Olive 5
RGB
rgb(223 226 223)
Black text
16.08:1
White text
1.31:1
Inspect canonical color

Subtle border

olive-6

Radix Olive 6
RGB
rgb(215 218 215)
Black text
14.90:1
White text
1.41:1
Inspect canonical color

Interactive border

olive-7

Radix Olive 7
RGB
rgb(204 207 204)
Black text
13.36:1
White text
1.57:1
Inspect canonical color

Strong border or focus ring

olive-8

Radix Olive 8
RGB
rgb(185 188 184)
Black text
10.95:1
White text
1.92:1
Inspect canonical color

Solid background

olive-9

Radix Olive 9
RGB
rgb(137 142 135)
Black text
6.28:1
White text
3.34:1
Inspect canonical color

Hovered solid background

olive-10

Radix Olive 10
RGB
rgb(127 132 125)
Black text
5.50:1
White text
3.82:1
Inspect canonical color

Low-contrast text

olive-11

Radix Olive 11
RGB
rgb(96 101 95)
Black text
3.52:1
White text
5.96:1
Inspect canonical color

High-contrast text

olive-12

Radix Olive 12
RGB
rgb(29 33 28)
Black text
1.29:1
White text
16.32:1
Inspect canonical color

Catalog scope

Twelve source values. No duplicate canonicals.

Production reconciliation found no existing exact-HEX canonical for this scale, so every Olive 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 Sage →