Olive Harbor color palette — #D9F4E5 · #7A6F00 · #00666B · #403A00 · #002022

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

The five colors

• Honeydew (#D9F4E5): A whisper-light, dusty teal — the color of sea glass.
• Olive (#7A6F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#00666B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#403A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#002022): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

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

• Fern Studio color palette (#E0F3ED, #4A6B00, #00546B, #213300, #00121A)
• Softworn Fern Studio color palette (#DEE4C3, #586100, #005B50, #632A00, #111300)
• Softworn Lagoon Archive color palette (#B7E9EE, #00947A, #8B6100, #005646, #382500)
• Bronze Drift color palette (#FFDDEB, #A25600, #006B3A, #582C00, #00220E)
• Hushed Olive Ridge color palette (#D5E4DB, #7A7B16, #4E4600, #322700, #141900)
• Nightshade Pier color palette (#DAF0E4, #786C00, #4C43B4, #3D3700, #060026)
• Smoked Courtyard color palette (#CBEAEA, #00613D, #003B81, #002817, #000516)
• Mint Archive color palette (#DFE6B7, #93BC6D, #5AA163, #554F00, #002C22)

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