Weathered Navy color palette — #DDFFE8 · #DCE7F5 · #7FB8D6 · #457DA8 · #083A6F
Built around Navy, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
- Frost (#DCE7F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#7FB8D6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#457DA8): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#083A6F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Hushed Petrol Grove color palette (#D7FFF5, #B9E3F1, #74C8CD, #1D7F8D, #004757)
- Cerulean Boulevard color palette (#E9F8FF, #90CADE, #4091B7, #26628E, #1F4A79)
- Quiet Periwinkle color palette (#EAFCDD, #C3E8C7, #72C5E3, #6095DB, #3F3A80)
- Soft Nightshade color palette (#E7F3FF, #8BBEFF, #4D73D5, #322EA9, #14003D)
- Tempered Aubergine color palette (#FFF0FD, #DCD2DA, #AEB1EC, #776BA2, #503471)
- Weathered Glacier color palette (#F3F8E6, #A2EAFF, #77A8CD, #80678F, #2E453A)
- Petrol Meadow color palette (#D2E4EB, #007FA9, #004166, #000D21, #00000B)
- Chalky Nightshade color palette (#EFF6FF, #B3CBFF, #7F8CD8, #4E3E96, #2B0054)
Browse the whole catalog at Explore, or see today's palette.