Tempered Navy color palette — #E2F2F2 · #507DA4 · #003B74 · #001D2B · #000109

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E2F2F2): bright and airy, almost weightless.
• Slate (#507DA4): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003B74): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001D2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Navy Corridor color palette (#F5E7DA, #5086B2, #152E90, #002226, #0A0125)
• Patina Lagoon Parlor color palette (#D6E3E0, #36868D, #00444E, #001F1E, #000202)
• Wandering Denim Study color palette (#E1E7D8, #5698D1, #0056A9, #00384F, #000428)
• Grape Atelier color palette (#E0EBFC, #7A82D9, #714CC1, #003468, #010014)
• Dusty Petrol color palette (#DEEDEA, #80BFC9, #00788D, #004B4B, #001922)
• Ultramarine Harbor color palette (#D9E2F1, #2353BC, #00237C, #220F17, #00031E)
• Twilit Garnet Bloom color palette (#CEE1F5, #004D8C, #6D0046, #001F3D, #040002)
• Ultramarine Ridge color palette (#F8EBEF, #79A8CD, #1C41C6, #002A30, #010009)

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