Tempered Navy color palette — #CFE4F0 · #0081A1 · #003A9F · #003F50 · #00010A

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

The five colors

• Frost (#CFE4F0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#003A9F): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Teal (#003F50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#00010A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Lagoon Pier color palette (#D3E4E8, #008682, #2F4A72, #00413F, #000204)
• Sunlit Aubergine color palette (#E3F0FF, #0072DC, #4C10A9, #00376F, #01000F)
• Antique Denim color palette (#D7E0E7, #97A7B7, #7588A0, #004B6C, #000A16)
• Softworn Nightshade color palette (#DDECF9, #2670C3, #1D3BA1, #170066, #050019)
• Pale Workshop color palette (#F3E9F5, #0060C2, #302B89, #3E0026, #000119)
• Aubergine Archive color palette (#D5E5EA, #00686C, #3B005E, #002324, #02000D)
• Grape Summit color palette (#E3F0E4, #009DA5, #6806FB, #006469, #060003)
• Gentle Delta color palette (#E0EAFF, #5869D0, #6C0084, #2400A5, #02000C)

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