Tempered Navy color palette — #D8EDED · #6695BA · #004A89 · #002D3F · #001037

Peacock and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8EDED): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6695BA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#004A89): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002D3F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001037): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Lagoon Harbor color palette (#D8E8E5, #4A9EA4, #00545E, #00302D, #00171E)
• Soft Corridor color palette (#DEECFF, #94A3E8, #806CD6, #004373, #0A1439)
• Antique Nightshade color palette (#F1DDE3, #5990BA, #0830BD, #002B30, #040019)
• Timeworn Ultramarine color palette (#F4ECE4, #71A8D3, #2958D7, #004950, #14033D)
• Weathered Petrol color palette (#D1E7F3, #006B97, #004165, #00223E, #000E2C)
• Aged Cornflower color palette (#DCE3CE, #7FB6E5, #1683EB, #00678C, #000E3C)
• Ancient Courtyard color palette (#E4F2F1, #93B6D3, #046CB0, #004C62, #052D5B)
• Misty Mulberry color palette (#DEEEFF, #0060AB, #88005B, #002D55, #230014)

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