Tempered Navy Canyon color palette — #DFF5F4 · #5586AC · #003D71 · #00202E · #000720

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

The five colors

• Cream (#DFF5F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Storm Blue (#5586AC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Navy (#003D71): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000720): 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 Canyon 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

• Weathered Navy Basin color palette (#E8DBE0, #517EA0, #113187, #001F22, #010009)
• Timeworn Lagoon Lagoon color palette (#D5E5E2, #39908E, #00454A, #00231D, #000C0F)
• Wandering Navy Study color palette (#D9F1F1, #6093C8, #00449A, #002C42, #020546)
• Wandering Cobalt Corridor color palette (#E9EDE0, #6CA7D5, #0076CE, #005976, #00071F)
• Petrol Thicket color palette (#E3F3EF, #7FBEC4, #007586, #00504D, #003441)
• Tempered Pine Drift color palette (#D4E4CF, #67A677, #008363, #223400, #001502)
• Lagoon Balcony color palette (#E8FAF6, #A3D8E6, #009198, #00685A, #004952)
• Charred Grove color palette (#EAE8CE, #616200, #303A00, #111A00, #030900)

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