Olive Harbor color palette — #EAFAEF · #A3A876 · #537629 · #7E3737 · #3C3E00

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

The five colors

• Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A3A876): A luminous, dusty green — the color of new leaves after rain.
• Olive (#537629): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#7E3737): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#3C3E00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Pine Study color palette (#E7FBF2, #8AA47B, #317246, #6F3B24, #053F37)
• Chalky Cabin color palette (#E8F6E9, #A4B05E, #008139, #55416C, #00281D)
• Tempered Lime color palette (#EEFEC2, #A0B649, #646C00, #394300, #272C00)
• Frosted Marigold color palette (#FAEEE0, #CC9B00, #826C00, #5B5800, #064C24)
• Dusty Mint color palette (#DBFFF0, #CFF3B5, #54C89E, #876A00, #3A4B19)
• Washed Terrace color palette (#FEF4E5, #B3C47F, #1E9F5A, #765C8D, #3C3B34)
• Lagoon Summit color palette (#EFF8F2, #ACC8BE, #5A8C83, #4E6F5C, #3E524B)
• Linen Lapis Atelier color palette (#DDFFEC, #B3A625, #5E54E6, #675E00, #312F74)

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