Olive Harbor color palette — #FFF0F9 · #CEA77E · #9C883F · #616D1A · #28544F

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Camel (#CEA77E): A luminous, dusty gold — the color of old brass.
• Moss (#9C883F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#616D1A): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#28544F): A full-bodied, dusty teal — the color of glacier melt.

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

• Antique Grove color palette (#FFF1F5, #EAC68E, #BFA037, #817B37, #305248)
• Worn Veranda color palette (#EDF9F0, #BDAF82, #9590CF, #897000, #444B69)
• Chestnut Summit color palette (#FAF1FF, #E2A6A4, #B37057, #865508, #365A41)
• Dusty Bronze color palette (#F9E2CA, #D9B97D, #A3871C, #645D15, #34332C)
• Timeworn Terrace color palette (#ECF9F1, #A3BFB7, #8A8156, #7A542F, #344D4C)
• Ancient Forest color palette (#DFFFE9, #BAC394, #699862, #13734D, #2F5A64)
• Worn Coast color palette (#F2E7D7, #998A00, #486500, #044F0D, #003328)
• Tempered Lantern color palette (#E1FCF7, #83A27A, #5D8DC2, #5D71BA, #2D4844)

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