Olive Harbor color palette — #EDEFE0 · #528D49 · #006262 · #542300 · #171400

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

The five colors

• Cream (#EDEFE0): bright and airy, almost weightless.
• Olive Leaf (#528D49): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006262): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#542300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#171400): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Tempered Canyon color palette (#E8F1E1, #009173, #005F75, #1E257B, #0F1700)
• Moonless Lantern color palette (#E3EEDF, #007569, #142B16, #041001, #010300)
• Cypress Orchard color palette (#F1F3E8, #9BA57F, #1D7556, #275227, #191F02)
• Olive Studio color palette (#E5F6F2, #478A12, #064FA9, #70071B, #452000)
• Antique Aubergine color palette (#EBF5EC, #399EA2, #3267A0, #512C70, #002617)
• Cerulean Boulevard color palette (#F2F3E8, #B3D0BB, #1F89A3, #005B5C, #002532)
• Softworn Turquoise Grove color palette (#D6F4F4, #1EAEB9, #007181, #004653, #00222D)
• Pale Villa color palette (#E4F1E8, #008B9E, #285395, #47116C, #2B0016)

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