Olive Harbor color palette — #ECF4F1 · #C9DADF · #98C0C2 · #566E2E · #192320

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#C9DADF): bright and airy, almost weightless.
• Ash (#98C0C2): A luminous, dusty blue — the color of open sky before noon.
• Olive (#566E2E): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#192320): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Wandering Pewter Ridge color palette (#F7F5ED, #CFDED2, #A8B9A7, #606939, #3C3B34)
• Wandering Quarry color palette (#EBF3F7, #CFD7E9, #A1C3E3, #007A83, #16282E)
• Ancient Courtyard color palette (#E6F6EF, #92A978, #1F7833, #4A4913, #00221C)
• Dusty Study color palette (#F0F7F4, #D2DDE2, #BFB4BB, #85914C, #27312D)
• Timeworn Denim Basin color palette (#E3EAEE, #BDCEDC, #8CA6C5, #006070, #09181F)
• Petrol Corridor color palette (#CDF4EF, #8AB4B7, #307D84, #593F5F, #372342)
• Ancient Lagoon color palette (#DCE9E7, #A1B9B8, #6F959B, #1D5100, #000E0C)
• Washed Moss color palette (#DCEFDF, #639C36, #006B57, #442862, #001D1B)

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