Olive Harbor color palette — #FFF1F6 · #E69B5C · #677800 · #87511E · #172822

A conversation between Olive and Apricot, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Apricot (#E69B5C): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#677800): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#87511E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#172822): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Pale Mustard Basin color palette (#EFF8F1, #CDAB3A, #008265, #745D00, #162729)
• Antique Terracotta color palette (#F9EEF4, #E3A283, #1A8963, #9C491B, #001213)
• Worn Bronze Archive color palette (#FAF2FA, #EB909C, #996100, #8C4851, #1B281A)
• Misty Olive Veranda color palette (#FFF1E1, #CAAE58, #757716, #37581E, #004820)
• Softworn Archive color palette (#FCF3ED, #EFB696, #799C5A, #B56A3D, #262513)
• Weathered Lantern color palette (#E2FEE7, #BB9100, #5A7436, #364E73, #284436)
• Muted Canyon color palette (#E7F7E9, #B68400, #1D6600, #5C4100, #001613)
• Muted Bronze color palette (#F0F7F1, #D0DEDD, #AEC5C7, #877048, #424A43)

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