Olive Harbor color palette — #FEF4E4 · #BEA568 · #688146 · #445A7B · #4A4740

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

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BEA568): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#688146): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#445A7B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#4A4740): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Taupe Parlor color palette (#FEF4E4, #8FB47D, #358775, #644E7B, #474941)
• Ancient Apricot Courtyard color palette (#FFEFDF, #D4A067, #5A8558, #684658, #332B1B)
• Weathered Bronze color palette (#FFF4E2, #D6967F, #947030, #006572, #4D4641)
• Hushed Marigold Harbor color palette (#FFF1F6, #EAB170, #799D79, #636D91, #384D41)
• Dusty Sand color palette (#EAFAF0, #DCD292, #A4B77E, #549998, #364E43)
• Patina Moss color palette (#FCECD4, #68963D, #006A54, #4B2E6F, #30312A)
• Dusty Chestnut Boulevard color palette (#F5F6EF, #BCC6A1, #588E7C, #8A5922, #475408)
• Olive Study color palette (#F6F2E3, #828228, #403F00, #2D281A, #151610)

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