Olive Harbor color palette — #FDF4E2 · #9FA977 · #4A782D · #693A7A · #383F15

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

The five colors

• Cream (#FDF4E2): A whisper-light, dusty gold — the color of old brass.
• Sage (#9FA977): A luminous, dusty green — the color of fresh herbs.
• Olive (#4A782D): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#693A7A): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#383F15): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, 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 Lagoon color palette (#FFEFDA, #A2B064, #098041, #523F7C, #272000)
• Antique Pier color palette (#F7F6E7, #7CB285, #007C5C, #364A93, #1B4524)
• Fern Atelier color palette (#F5F7E9, #A8B690, #3A8274, #7A4857, #374A00)
• Forest Courtyard color palette (#E9E5D6, #7F9464, #0D6721, #5B235B, #1E2F01)
• Emerald Workshop color palette (#EAFAEB, #B7C282, #329E57, #705C9A, #164436)
• Soft Meadow color palette (#F7EACF, #929844, #3F6800, #820016, #2E3100)
• Worn Lantern color palette (#F8F5ED, #C5C2A5, #818740, #915432, #574E00)
• Garnet Harbor color palette (#F1F0DD, #558760, #00523C, #560437, #00220A)

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