Tempered Navy color palette — #E5F2F1 · #5E85A5 · #003C72 · #00202E · #000721

Built around Navy, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#E5F2F1): bright and airy, almost weightless.
• Storm Blue (#5E85A5): A luminous, dusty blue — the color of deep harbor water.
• Navy (#003C72): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000721): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Studio color palette (#DDEFEA, #458E8D, #00454A, #00231E, #000C0F)
• Washed Navy Boulevard color palette (#F2E6EA, #4C7EA5, #0B249E, #001F23, #010009)
• Softworn Ultramarine Dune color palette (#F6EEE5, #6598C0, #1543D1, #003A41, #0A0028)
• Antique Chapel color palette (#C2EBFA, #58A5B9, #00709D, #00413E, #001418)
• Sapphire Grove color palette (#E5EADC, #6DA7D7, #0074D6, #005878, #000624)
• Charred Aubergine Boulevard color palette (#D3EAF2, #005D5F, #48009D, #002627, #08001D)
• Washed Petrol Cabin color palette (#EAF9F6, #83C5C8, #007C8A, #005650, #003A46)
• Deep Terrace color palette (#D8ECEB, #004949, #002C78, #1A2A00, #000202)

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