Olive Harbor color palette — #CCEFD7 · #0095A9 · #717600 · #005965 · #2E3100

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CCEFD7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0095A9): A luminous, balanced blue — the color of open sky before noon.
• Olive (#717600): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005965): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#2E3100): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, 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

• Hushed Harbor color palette (#EBD6ED, #0081DF, #007F48, #004A84, #003219)
• Dusty Grape Workshop color palette (#C7E8F7, #007CA1, #7503EE, #006240, #002837)
• Pale Basin color palette (#D1EFC9, #00998E, #6544FC, #005B54, #281A6E)
• Lilac Veranda color palette (#FFF0F8, #9A93E5, #009E97, #625B9C, #334930)
• Sky Atelier color palette (#EAFAF1, #5CBEDF, #8DA266, #3B7C92, #4E4D46)
• Chalky Rust Hollow color palette (#D8EFDF, #0097AC, #C83300, #005663, #2E0500)
• Worn Dune color palette (#D4F2FF, #00ACD7, #00637F, #003848, #00202B)
• Soft Ember Boulevard color palette (#C2ECFF, #00B2CA, #F93911, #007687, #590B00)

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