Dusty Navy color palette — #E8EDF7 · #878D9F · #68697E · #0C1A70 · #000106
A conversation between Deep Indigo and Slate, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#E8EDF7): bright and airy, almost weightless.
- Slate Blue (#878D9F): A luminous, dusty violet — the color of a velvet chair.
- Slate (#68697E): A full-bodied, dusty violet — the color of wild irises.
- Deep Indigo (#0C1A70): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Dusty 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
- Dusty Aubergine Loft color palette (#E2E1EC, #90899D, #75637F, #3F0C51, #010106)
- Tempered Basin color palette (#E3EEF4, #838F9A, #5F6C7E, #002F3B, #000103)
- Aged Quarry color palette (#E4DBE4, #A7939C, #8B6568, #002663, #0F050F)
- Navy Drift color palette (#E7F0FB, #B8BAC7, #958EA2, #133879, #000105)
- Patina Drift color palette (#EEEEF6, #B5B0BF, #94889E, #5C227C, #0A081A)
- Shadow Pewter Chapel color palette (#E1E3F4, #70537C, #4D2439, #1C1900, #000300)
- Tempered Harbor color palette (#F5EFFC, #DDCDE2, #BFA0BB, #8B376D, #1F1429)
- Hushed Petrol Orchard color palette (#EFF2F9, #DDD3E5, #BEBBD6, #5D63A9, #1E2533)
Browse the whole catalog at Explore, or see today's palette.