Softworn Navy color palette — #DFE8F3 · #9199B2 · #6F6D88 · #00285C · #030915

Built around Midnight, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Frost (#DFE8F3): a clean, paper-quiet neutral.
• Blue Fog (#9199B2): A luminous, dusty violet — the color of wild irises.
• Slate (#6F6D88): A full-bodied, dusty violet — the color of wild irises.
• Midnight (#00285C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#030915): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Weathered Navy color palette (#EBE4EB, #AF9FA7, #9F7B80, #004583, #0F0510)
• Aged Aubergine Harbor color palette (#E1DFEB, #B1A3BC, #90758E, #531A5B, #141121)
• Ancient Orchard color palette (#EBEEF6, #CACBD9, #A49BB4, #4A4F83, #282E3B)
• Antique Workshop color palette (#D4E6FD, #715B94, #5F243C, #0D2603, #00100A)
• Washed Lapis Quarry color palette (#EAEAFC, #0084AD, #5742E0, #680056, #06000F)
• Aubergine Drift color palette (#DDE2F4, #6D330B, #31007C, #281124, #0B000D)
• Fern Boulevard color palette (#DBF0E0, #5B6400, #063503, #170D36, #050700)
• Pewter Meadow color palette (#F4F4FC, #E4D8E0, #D0BAC2, #816992, #474651)

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