Weathered Navy color palette — #DDE1C8 · #007628 · #004A5D · #090D75 · #0E0004
A conversation between Deep Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DDE1C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#007628): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Teal (#004A5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#090D75): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#0E0004): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Misty Hollow color palette (#DDEDD7, #006B5C, #00427F, #2F0064, #0E0001)
- Pine Station color palette (#E8EAD9, #25801F, #00524F, #002A43, #0F0A00)
- Hushed Loft color palette (#E3DFCD, #5E5D00, #004944, #002C3C, #0C0009)
- Wandering Harbor color palette (#ECE2C8, #7D7E00, #325800, #003337, #0D1000)
- Pale Ultramarine Studio color palette (#EDF5EA, #008F81, #2856B6, #482E6B, #1E0D0D)
- Aubergine Garden color palette (#DCF3E1, #007681, #4700B3, #48004D, #100002)
- Pale Scarlet color palette (#FFF2EC, #E63B24, #006E7E, #530360, #050100)
- Dusty Aubergine Parlor color palette (#FFEDE9, #B24763, #004F85, #391974, #190306)
Browse the whole catalog at Explore, or see today's palette.