HexeesDigital color, made useful.
← Back to color catalog

Purple-neutral registration

Mauve, layered like tracing sheets over interface ink.

A purple-tinted neutral scale for interfaces built around red, ruby, crimson, pink, plum, purple and violet accents. Read all twelve official steps as one registered system.

Scale steps
01—12
Documented roles
12
Version
3.0.0

Pinned provenance

The exact opaque light Mauve export, frozen at 3.0.0.

This page contains only Mauve 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

Registered specimens

Compare the shift without losing the role.

Official source order is preserved. The purple cast changes gently while the documented role advances from background to text.

App background

mauve-1

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

Subtle background

mauve-2

Radix Mauve 2
RGB
rgb(250 249 251)
Black text
20.01:1
White text
1.05:1
Inspect canonical color

Component background

mauve-3

Radix Mauve 3
RGB
rgb(242 239 243)
Black text
18.42:1
White text
1.14:1
Inspect canonical color

Hovered component

mauve-4

Radix Mauve 4
RGB
rgb(234 231 236)
Black text
17.14:1
White text
1.23:1
Inspect canonical color

Active component

mauve-5

Radix Mauve 5
RGB
rgb(227 223 230)
Black text
15.96:1
White text
1.32:1
Inspect canonical color

Subtle border

mauve-6

Radix Mauve 6
RGB
rgb(219 216 224)
Black text
14.91:1
White text
1.41:1
Inspect canonical color

Interactive border

mauve-7

Radix Mauve 7
RGB
rgb(208 205 215)
Black text
13.40:1
White text
1.57:1
Inspect canonical color

Strong border or focus ring

mauve-8

Radix Mauve 8
RGB
rgb(188 186 199)
Black text
10.99:1
White text
1.91:1
Inspect canonical color

Solid background

mauve-9

Radix Mauve 9
RGB
rgb(142 140 153)
Black text
6.36:1
White text
3.30:1
Inspect canonical color

Hovered solid background

mauve-10

Radix Mauve 10
RGB
rgb(132 130 142)
Black text
5.56:1
White text
3.77:1
Inspect canonical color

Low-contrast text

mauve-11

Radix Mauve 11
RGB
rgb(101 99 109)
Black text
3.56:1
White text
5.90:1
Inspect canonical color

High-contrast text

mauve-12

Radix Mauve 12
RGB
rgb(33 31 38)
Black text
1.29:1
White text
16.30: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 Mauve 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 Slate →