Tempered Onyx color palette — #D9E6DE · #008F8A · #006476 · #003346 · #02094C

Deep Indigo and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#D9E6DE): bright and airy, almost weightless.
• Fern (#008F8A): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006476): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#02094C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Muted Station color palette (#D0E6D7, #009C95, #005C6C, #002C3D, #000020)
• Worn Pine color palette (#DAE9CB, #00924D, #00685B, #003739, #001622)
• Hushed Courtyard color palette (#DFF5EE, #00B5B8, #00829E, #005A94, #172270)
• Nightshade Cabin color palette (#CEE6E5, #008CA3, #005F8E, #0718A0, #1A003A)
• Wisteria Delta color palette (#CFF0F6, #8DB2E9, #B273D4, #006A44, #001D32)
• Chestnut Pier color palette (#D7F2D8, #00888C, #965200, #005052, #1C0A00)
• Softworn Ultramarine Bloom color palette (#C9EDF3, #0084B5, #0038D3, #2E0081, #1B002F)
• Chestnut Ridge color palette (#D8F1FA, #00728B, #8F4100, #5A3F00, #00090E)

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