Softworn Navy color palette — #E3F4F3 · #567CA3 · #00377F · #001D2D · #00000D

A conversation between Navy and Slate, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F4F3): bright and airy, almost weightless.
• Slate (#567CA3): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00377F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001D2D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#00000D): 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 Softworn 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 Harbor color palette (#DDF1ED, #3F848C, #00434F, #001F1E, #000202)
• Feathered Corridor color palette (#E4EDFF, #7D84C6, #725BA8, #00335E, #020017)
• Worn Denim color palette (#FAE5EB, #78A7D4, #3B4E97, #002A31, #020008)
• Nocturne Canyon color palette (#DBE2F1, #3858BA, #0B0E89, #150415, #000123)
• Muted Denim color palette (#EBF1E1, #6F9D91, #0F56A7, #003850, #00012D)
• Petrol Market color palette (#DEEDEA, #7AC0CD, #00778F, #004B4C, #001923)
• Inked Garnet color palette (#E5F1FF, #004A95, #6E0044, #001D42, #040001)
• Aged Cerulean color palette (#E2F7F3, #93DFE1, #0094A2, #00635A, #002A33)

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