Olive Harbor color palette — #DFE9CB · #297800 · #005121 · #002817 · #001114

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#DFE9CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#297800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005121): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002817): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001114): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns 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

• Muted Olive Summit color palette (#E5E9D4, #538B00, #006C2E, #004131, #001C1A)
• Timeworn Quarry color palette (#ECE4D0, #797400, #384300, #152B00, #011801)
• Cypress Summit color palette (#D1EEE4, #008077, #004B4C, #002C33, #001820)
• Patina Bloom color palette (#EAF4D4, #007243, #83006C, #00361E, #22001A)
• Teal Corridor color palette (#DDF5EA, #00C2B4, #0082A0, #0D4C0D, #001C16)
• Dusty Lantern color palette (#DAE8D4, #00B64C, #007A54, #004D3C, #00323F)
• Wandering Aubergine color palette (#D0F5E3, #005B3F, #3F00AC, #531C00, #000A05)
• Linen Violet Pier color palette (#FFE9DD, #9254FF, #008380, #040F14, #000300)

Browse the whole catalog at Explore, or see today's palette.