Tempered Navy color palette — #D6EFF4 · #0073A7 · #003D9C · #170040 · #020006

Built around Indigo, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Frost (#D6EFF4): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#003D9C): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#170040): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020006): 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 Navy 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 Garden color palette (#BDE9E8, #00829D, #003C65, #040046, #010008)
• Charred Quarry color palette (#D3E9FF, #00549B, #001A6E, #04003B, #01000C)
• Feathered Cabin color palette (#C8E4F4, #0074D0, #3900A9, #250048, #030003)
• Aged Nightshade Workshop color palette (#DDEFFF, #0076D4, #0056B9, #0228A3, #04002F)
• Moonless Station color palette (#D7DFFE, #6571FF, #3511A7, #080024, #01000B)
• Washed Ultramarine color palette (#D9E7FF, #0049BD, #4C4900, #363300, #000106)
• Blush Thicket color palette (#CAE2FF, #CFA8F8, #CC6D8D, #005260, #01000A)
• Weathered Summit color palette (#E7EFFF, #5045F7, #734B00, #200081, #020100)

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