Olive Harbor color palette — #F3F3E4 · #A6BC8A · #CE877A · #5F7D2D · #4D231C

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

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Sage (#A6BC8A): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#CE877A): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#5F7D2D): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#4D231C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Balance. 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

• Bronze Dune color palette (#F7F1E8, #C7AF88, #48B0A4, #8E6C00, #21381B)
• Lilac Thicket color palette (#EBF9F5, #9FBB7C, #B982B9, #637C42, #4F4863)
• Bronze Alley color palette (#F9F0E7, #CEB79D, #A97741, #744E35, #372A16)
• Tempered Cypress Veranda color palette (#EBF5E9, #7AC3B9, #9396CE, #008379, #442539)
• Driftwood Hollow color palette (#E7F7E7, #5DB4B3, #9E8E37, #007473, #2E2700)
• Basalt Field color palette (#F1F3E7, #B8DED8, #B9B8C2, #789267, #323C00)
• Dusty Balcony color palette (#EFF4EA, #CBC49E, #326E5A, #003B2B, #10160A)
• Forest Grove color palette (#F0F5DD, #CED7AD, #63986A, #1F5F29, #06250B)

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