Patina Olive Harbor color palette — #DCE5AC · #97B24E · #5A8628 · #365D27 · #002F2B
Olive Leaf and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DCE5AC): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#97B24E): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#5A8628): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#365D27): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#002F2B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Patina Olive Harbor 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 Jade Lantern color palette (#C7EFCA, #4FBD7A, #008B5D, #005740, #00383E)
- Marigold Archive color palette (#EFE6D5, #C69F03, #877500, #514C00, #043829)
- Washed Celadon color palette (#FFF5D5, #D2E472, #7BAD54, #477F59, #0F4345)
- Timeworn Clover Meadow color palette (#DCF9F3, #7AB758, #C87359, #46722C, #401B0F)
- Washed Mint Lantern color palette (#C4FFFC, #81D395, #418B54, #084C28, #001909)
- Dusty Emerald Grove color palette (#D5FBF7, #34A656, #008EA7, #82662C, #002422)
- Bronze Grove color palette (#FFECF2, #C5A67A, #936C41, #653E50, #18271B)
- Dusty Hollow color palette (#DCF9F6, #BAE5FA, #A1C9E7, #668260, #1C3737)
Browse the whole catalog at Explore, or see today's palette.