Soft Navy color palette — #DDEFF0 · #008AA5 · #006096 · #003D7B · #0B0034

Navy and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DDEFF0): bright and airy, almost weightless.
• Cerulean (#008AA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006096): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003D7B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#0B0034): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Soft 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

• Midnight Harbor color palette (#D0F0FE, #00749B, #004668, #001528, #000104)
• Washed Workshop color palette (#CAE4EE, #0081C3, #0057C6, #2E20A3, #11002B)
• Cobalt Alley color palette (#C3EADD, #0086C7, #926800, #005A88, #0A0500)
• Softworn Lagoon color palette (#E5F4EA, #008973, #006863, #00434E, #000C14)
• Wandering Canyon color palette (#EFD6F1, #9BA2F0, #C276C3, #00717D, #05072A)
• Ancient Lapis color palette (#D2E6F1, #007BE1, #421BF6, #4E009F, #0C0019)
• Worn Harbor color palette (#C5E8F5, #50B3FF, #4E86FF, #615BC9, #301E4A)
• Quiet Ultramarine color palette (#F4E7DF, #799C14, #383BDD, #050430, #050004)

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