Olive Harbor color palette — #FEF3EC · #DBA28D · #B57D68 · #597424 · #4D385C
A conversation between Olive and Caramel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF3EC): a clean, paper-quiet neutral.
- Camel (#DBA28D): A luminous, dusty orange — the color of sun-warmed clay.
- Caramel (#B57D68): A luminous, dusty orange — the color of toasted spice.
- Olive (#597424): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#4D385C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Softworn Cypress Loft color palette (#FBF2FA, #93B2E4, #B67883, #057C5B, #2C4266)
- Patina Petrol Lagoon color palette (#FFF1F1, #D2A1B7, #AF8161, #00768B, #5E3248)
- Mallow Parlor color palette (#FFF1F2, #F4ACE0, #D29C71, #6D9269, #2A4A3B)
- Denim Bloom color palette (#FFF1F3, #C290C7, #86852D, #3C5A9F, #4B284F)
- Dusty Bronze Coast color palette (#FFF1F3, #EFB5C9, #CF8387, #A55B3F, #57524C)
- Hushed Bronze color palette (#F7F3FF, #BC82AC, #9C6120, #286139, #29465B)
- Wandering Cypress Atelier color palette (#FFF2EF, #D7A0A8, #4E9B96, #007973, #1C4C3F)
- Antique Mallow color palette (#F3F4FF, #D6BEFF, #A79B57, #327778, #0F3F4A)
Browse the whole catalog at Explore, or see today's palette.