Tempered Onyx color palette — #D0EFF0 · #007896 · #003C75 · #1B0050 · #13001F

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

The five colors

• Frost (#D0EFF0): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007896): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003C75): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1B0050): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#13001F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Timeworn Onyx color palette (#E0F3EB, #007E81, #003F50, #001C39, #060031)
• Navy Veranda color palette (#D3E4F1, #0062AB, #002899, #0C0054, #01000C)
• Obsidian Aubergine Basin color palette (#D7E9F2, #305FAE, #34007C, #200030, #100008)
• Wandering Orchard color palette (#E5EFF5, #A1AAB5, #767F96, #003E50, #05161F)
• Misty Terrace color palette (#DFF2FF, #0085E9, #0042D6, #180095, #08002A)
• Navy Thicket color palette (#D3F3E2, #006371, #160094, #1E1800, #000D16)
• Antique Corridor color palette (#CFF3F7, #009ED2, #0B63E6, #4B25AF, #14001E)
• Deep Navy Loft color palette (#DAEBFF, #00396F, #14121A, #0A0024, #000207)

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