Olive Harbor color palette — #FDF4E6 · #B0B47D · #5C7F4F · #6A515F · #4F4100

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

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B0B47D): A luminous, dusty green — the color of fresh herbs.
• Fern (#5C7F4F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#6A515F): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Olive (#4F4100): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Fern Villa color palette (#F8F5E9, #BFC5A0, #588E7B, #765F64, #4C5200)
• Worn Study color palette (#FBF0E5, #C0B28E, #627E55, #6B4A52, #2F260D)
• Antique Studio color palette (#FFF3E5, #B5A505, #507700, #4E4A78, #3D3A34)
• Hushed Villa color palette (#FFF1F3, #C684C7, #77963D, #864C88, #3A4821)
• Tempered Market color palette (#FFF1F4, #E8D5D2, #EEB6A4, #7979A1, #5D4242)
• Antique Taupe Cabin color palette (#EDF9F1, #B0E2D0, #96B78A, #6A96B4, #2D4940)
• Misty Moss color palette (#F7EBC8, #6AA43F, #006C45, #4F3665, #1D3608)
• Orchid Basin color palette (#FFF1F4, #B362C5, #598B36, #37775A, #4B2E35)

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