Tempered Onyx color palette — #D8F7F0 · #528663 · #00503F · #4B0D2D · #000B03

Espresso and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#528663): A full-bodied, dusty teal — the color of sea glass.
• Forest (#00503F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#4B0D2D): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#000B03): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Onyx into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Dusty Meadow color palette (#DFF0E1, #827A3D, #3E4A00, #51061B, #0A0800)
• Lagoon Courtyard color palette (#E5E1CD, #468B5D, #00504B, #491741, #181E00)
• Hushed Lagoon color palette (#E2FCF2, #77B28A, #006F69, #5C2153, #000B03)
• Weathered Forest Hollow color palette (#D9EAE7, #679B80, #006356, #503100, #00170C)
• Forest Parlor color palette (#D3E5DE, #426238, #00331C, #250B00, #000200)
• Softworn Coast color palette (#E7E0D4, #725200, #00575D, #60006D, #060300)
• Washed Garnet color palette (#CEEEDA, #909D50, #356B00, #790209, #151800)
• Worn Lantern color palette (#DAEFD9, #906000, #0057A5, #4B3000, #000718)

Browse the whole catalog at Explore, or see today's palette.