Tempered Navy color palette — #C9ECF1 · #006888 · #003F71 · #020066 · #060020

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

The five colors

• Frost (#C9ECF1): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006888): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003F71): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#020066): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060020): A deep, shadowed, dusty violet — the color of wild irises.

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

• Misty Meadow color palette (#D2EBF9, #0074AC, #003F6B, #001D3F, #0F002B)
• Washed Cobalt Lagoon color palette (#D5F0FF, #0092D4, #00548A, #002553, #000107)
• Velvet Navy Delta color palette (#CFE3ED, #0066A8, #00159C, #1A004D, #0A0017)
• Inked Cypress Basin color palette (#C9E9DF, #006C71, #003D49, #002231, #00030B)
• Ultramarine Station color palette (#EFDFEF, #0058B2, #654100, #002858, #050200)
• Sunlit Raspberry color palette (#F8E2F9, #9090D5, #BA37A9, #004B5A, #01031F)
• Aubergine Delta color palette (#DAF5FF, #0090DA, #005EB9, #2F0099, #26004D)
• Smoked Garden color palette (#D6E7FD, #00498B, #5A3400, #352F00, #000104)

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