Patina Navy color palette — #CCE6D1 · #8A7700 · #225C00 · #121C8B · #242700
A conversation between Indigo and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CCE6D1): A whisper-light, dusty teal — the color of shallow lagoons.
- Walnut (#8A7700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#225C00): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#121C8B): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Onyx (#242700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
Use it as a design system
One click turns Patina 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 Canyon color palette (#CDE5D2, #9B6E00, #465400, #00345F, #2C2300)
- Quiet Forest color palette (#E0F5E4, #8B8B2D, #086D2E, #35347F, #293608)
- Airy Ridge color palette (#C7E8CD, #5F8530, #005B46, #44007A, #002D06)
- Aubergine Station color palette (#DAFAE0, #5D6F00, #00492D, #290064, #091B00)
- Aubergine Balcony color palette (#F5D8E7, #A36B00, #005D25, #3D0C60, #001309)
- Aubergine Delta color palette (#CEE9DB, #726B00, #005155, #390073, #410400)
- Aubergine Courtyard color palette (#F7D7C1, #C78100, #128737, #571C80, #2F2200)
- Deep Fern Atelier color palette (#D0EFD6, #146A0C, #003932, #28003A, #000F06)
Browse the whole catalog at Explore, or see today's palette.