Tempered Onyx color palette — #E6DCE2 · #4F8A9D · #004066 · #00231F · #000030

Ink and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#E6DCE2): bright and airy, almost weightless.
• Storm Blue (#4F8A9D): A luminous, dusty blue — the color of deep harbor water.
• Navy (#004066): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#00231F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000030): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Onyx Quarry color palette (#F6E8EF, #529AB7, #004C83, #00302E, #07004A)
• Cerulean Corridor color palette (#E1E4D6, #3A839B, #00415A, #001E23, #000103)
• Gentle Cobalt Coast color palette (#FDEADF, #2BB1D5, #007BBD, #005E56, #000428)
• Hushed Cypress Cabin color palette (#CEF4EC, #007162, #00352D, #282126, #000D09)
• Petrol Delta color palette (#DEF2F4, #2FA6AF, #006EAF, #1C3C00, #000D0C)
• Midnight Orchard color palette (#D1EBED, #00604A, #6D005D, #00271D, #11000D)
• Dusty Sapphire color palette (#F9EAEF, #91B6D6, #4061BD, #004E57, #2D2554)
• Dusty Forest Basin color palette (#FBF2F8, #9FCEDB, #28859B, #00633E, #133F59)

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