Amethyst Reserve color palette

Amethyst Reserve is a 5-color palette drawing on teals and cyans, purples, oranges and neutrals. In OKLCH its lightness runs from 24% (#002528, very dark) to 94% (#F3E9DC, very light), and its most saturated color, #4B1D6B, is moderately saturated. 2 of its 4 chromatic colors sit on the cool side of the hue wheel. 4 of its 10 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged luxury, purple and teal.

LuxuryPurpleTeal

Color codes

ColorHEXRGBHSLOKLCH
Rich Black #002528 rgb(0, 37, 40) hsl(185, 100%, 8%) oklch(24.1% 0.041 202.8)
Prussian Blue #4B1D6B rgb(75, 29, 107) hsl(275, 57%, 27%) oklch(34.1% 0.131 307.9)
Dark Cyan #1B6B5A rgb(27, 107, 90) hsl(167, 60%, 26%) oklch(47.6% 0.08 175.2)
English Lavender #A88F63 rgb(168, 143, 99) hsl(38, 28%, 52%) oklch(66.2% 0.067 81.2)
Champagne #F3E9DC rgb(243, 233, 220) hsl(34, 49%, 91%) oklch(93.8% 0.02 74.7)

Accessibility

The best text and background pairs in Amethyst Reserve, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.

PairWCAG 2LevelAPCA Lc
#F3E9DC on #002528 13.51:1 AAA Lc -92.0
#F3E9DC on #4B1D6B 10.37:1 AAA Lc -87.7
#F3E9DC on #1B6B5A 5.31:1 AA Lc -73.0

Color vision

No pair of colors comes within ΔE 0.06 of another under protanopia, deuteranopia, tritanopia or achromatopsia.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Achromatopsia

Use it in code

Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/002528-4b1d6b-1b6b5a-a88f63-f3e9dc.json.

Make it your own

Edit the colors, build a full light and dark color system from them, or see them on real UI.

Gradients from these colors