Olive Harbor color palette — #FCF4E8 · #C2A26A · #6E8031 · #385C82 · #4B4740

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

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Camel (#C2A26A): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#6E8031): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#385C82): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#4B4740): quiet, heavy and certain.

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

• Wandering Apricot Market color palette (#FEEFE0, #D89D6E, #668257, #4F4D72, #342B1B)
• Worn Lagoon Harbor color palette (#FCF4E7, #97B27A, #2A8A6D, #604F80, #474841)
• Weathered Bronze Ridge color palette (#FDF4E6, #D29689, #9C6C24, #09666C, #6D3803)
• Wandering Lantern color palette (#EAFBE8, #EFAE74, #7D9D74, #626E8E, #3A4D40)
• Hazy Drift color palette (#FFF4E2, #9B8E00, #117414, #2D339C, #323A0B)
• Tempered Chestnut Lagoon color palette (#F6F6EC, #BFC4A8, #5D8D77, #8C5825, #4B5301)
• Ancient Garnet color palette (#F8E2B4, #009371, #005D68, #640051, #00312C)
• Hushed Bronze Alley color palette (#F7F1E2, #8B7E14, #433E00, #2E2819, #161610)

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