Softworn Navy color palette — #D9E1EA · #9DA5B0 · #7787A3 · #004878 · #000A18

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

The five colors

• Silver (#D9E1EA): bright and airy, almost weightless.
• Blue Fog (#9DA5B0): soft and architectural.
• Slate Blue (#7787A3): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#004878): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ancient Bloom color palette (#E0E7EE, #919AAA, #696E8F, #002E48, #000A16)
• Tempered Thicket color palette (#E4F3EF, #C5B5C4, #9F8B9A, #003E6B, #000201)
• Dusty Aubergine Parlor color palette (#EDEFF7, #A3A3B0, #85839B, #502197, #06071B)
• Ancient Grape Workshop color palette (#E8EBF7, #C1C3D1, #A3A1C0, #673CC7, #1B1E2B)
• Garnet Alley color palette (#F1ECFA, #886895, #693E61, #591700, #190900)
• Cobalt Harbor color palette (#F2F5FD, #DCD7E3, #C7B9CF, #7477C4, #363A46)
• Aged Fern Chapel color palette (#D6F0E3, #707C39, #354E00, #00332E, #050700)
• Timeworn Aubergine color palette (#ECD9EA, #4A57BA, #4A118E, #410017, #030016)

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