Olive Harbor color palette — #EBEBC7 · #4E7E00 · #004C8B · #630022 · #391000

Olive Leaf and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EBEBC7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#4E7E00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#004C8B): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#630022): A deep, shadowed, balanced red — the color of late-summer berries.
• Espresso (#391000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Powdered Nightshade color palette (#E3EEC5, #008441, #312DBB, #65000C, #331600)
• Wandering Meadow color palette (#EFEAC3, #637900, #004D88, #5A004E, #450030)
• Washed Bronze Harbor color palette (#F2DEBE, #8F6C00, #004F83, #4F1700, #1F0500)
• Tempered Ultramarine Delta color palette (#D1F2D9, #B68D15, #0060B9, #7D2700, #431100)
• Worn Garnet color palette (#DDF5E1, #00646B, #61004F, #301900, #0B0F00)
• Pale Aubergine color palette (#D4F2D0, #007F7A, #7A0085, #5D1500, #351F00)
• Pale Jade Workshop color palette (#DDE7D3, #00B78C, #147492, #793739, #592D2E)
• Hushed Jade color palette (#D7E4DA, #00AE8D, #006F6B, #004B56, #192D4C)

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