Olive Harbor color palette — #F9F1E3 · #B5B883 · #667F45 · #3A5E4F · #2C2716

Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#B5B883): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#667F45): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#3A5E4F): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#2C2716): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Weathered Fern color palette (#FBF0DE, #A5A467, #596D31, #5E3A47, #231B02)
• Antique Mint Station color palette (#F2F4E2, #86C39F, #488273, #674B5E, #242A19)
• Olive Atelier color palette (#EFF8EE, #B7B183, #667C4D, #4F5971, #2E493B)
• Stone Coast color palette (#EDF8F3, #BECB9D, #83976F, #4D7A83, #2F4940)
• Tempered Summit color palette (#FFF3E8, #F3E6AF, #8DA873, #896D77, #3B3831)
• Patina Olive Chapel color palette (#EDE0C4, #728122, #235000, #381D40, #0A0800)
• Cellar Chapel color palette (#E2E2CE, #006A38, #003226, #0B0F32, #000200)
• Airy Garden color palette (#FFECF1, #BF89E3, #6F9C53, #76548C, #2A2903)

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