Tempered Onyx color palette — #D4EBE7 · #3F7885 · #0E416C · #3E0019 · #260700

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

The five colors

• Honeydew (#D4EBE7): A whisper-light, dusty teal — the color of sea glass.
• Slate (#3F7885): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#0E416C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#3E0019): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#260700): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Midnight Terrace color palette (#DBECD0, #246A5E, #003B67, #271600, #050200)
• Muted Meadow color palette (#D9E7F0, #56698C, #463268, #351500, #0E1100)
• Tempered Onyx Pier color palette (#DBEAD8, #346D58, #004144, #31003D, #250012)
• Muted Lantern color palette (#DEECD3, #09907A, #2D5784, #492C00, #190C00)
• Timeworn Navy color palette (#DBE9DE, #5088A3, #003F68, #002225, #000720)
• Velvet Denim color palette (#D7E1EC, #0065A8, #002A4D, #2B2128, #000A17)
• Washed Cerulean Villa color palette (#D9ECEA, #4296AE, #4A678B, #6E3741, #1D0900)
• Cellar Denim color palette (#D4EAFA, #00587B, #5F3000, #002435, #0D0400)

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