Softworn Navy color palette — #DFE4EF · #898C9E · #6B6783 · #211A64 · #00000A

Deep Indigo and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#DFE4EF): a clean, paper-quiet neutral.
• Slate Blue (#898C9E): A luminous, dusty violet — the color of a velvet chair.
• Slate (#6B6783): A full-bodied, dusty violet — the color of wild irises.
• Deep Indigo (#211A64): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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

• Softworn Onyx color palette (#EDEBF4, #92899B, #77627C, #48004A, #020006)
• Navy Courtyard color palette (#EBE2E8, #A69499, #846967, #1B0282, #12040F)
• Patina Navy color palette (#DDE3EF, #B9B9CB, #988DA1, #262E85, #000107)
• Wandering Lagoon color palette (#E3E2EC, #B7AFC2, #96879B, #63236C, #0B0817)
• Pewter Canyon color palette (#F1F1F9, #DCD2DB, #BCB3C3, #735883, #201F2B)
• Eclipse Pewter color palette (#EBE5FE, #6D486B, #552D3B, #151900, #000301)
• Dusty Balcony color palette (#E8EBFF, #3D6CE3, #692BBD, #7A0054, #030005)
• Worn Harbor color palette (#F5F0F6, #DDD4D6, #B7ABA5, #917897, #39343A)

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