Weathered Navy color palette — #ECDEE7 · #B8A2A9 · #987477 · #2D2B73 · #1C0F18
A conversation between Navy and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Shell Pink (#ECDEE7): bright and airy, almost weightless.
- Rosewood Mist (#B8A2A9): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#987477): A full-bodied, dusty red — the color of late-summer berries.
- Navy (#2D2B73): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#1C0F18): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Weathered 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
- Abyss Ridge color palette (#E3EEE9, #B2A4B1, #927684, #003D54, #061811)
- Muted Aubergine color palette (#FAE9EB, #BCA29F, #AF6C50, #551957, #1F0E11)
- Dusty Courtyard color palette (#DCDFE7, #9C9FB1, #78789A, #390091, #02030F)
- Dusty Canyon color palette (#ECE0E6, #C2AEB6, #B18896, #5327C1, #1F0C18)
- Garnet Boulevard color palette (#E9DDDB, #C3B6B0, #9C8A7C, #7C0D45, #2E1916)
- Patina Indigo color palette (#E8EDF8, #B7ABBC, #AF8DA8, #6166BF, #0E1322)
- Patina Mulberry Courtyard color palette (#F5ECEC, #D9C8C5, #B59A8C, #7A386F, #3B282A)
- Washed Garnet color palette (#DDE5F4, #8B729A, #712F3D, #003222, #001A1F)
Browse the whole catalog at Explore, or see today's palette.