Wandering Olive Harbor color palette — #FDF3EC · #B4764E · #57742F · #0A516F · #422E2C

Olive and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Caramel (#B4764E): A luminous, balanced gold — the color of honey in a jar.
• Olive (#57742F): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#0A516F): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#422E2C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Wandering 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

• Weathered Amber Cabin color palette (#FEF3E9, #BA7847, #007A67, #4F4D7B, #3B3430)
• Patina Olive color palette (#FFF1F2, #A06D95, #757207, #09556A, #412E30)
• Worn Bronze color palette (#FDF4E3, #DC918A, #947124, #3E5B7F, #4D4642)
• Patina Loft color palette (#F7EFF8, #BE6678, #846A26, #4C456A, #1E1A25)
• Muted Navy Quarry color palette (#FEF4E0, #816B00, #005A4A, #1F2576, #2E1707)
• Wandering Bronze Corridor color palette (#FBEFE5, #AE6A2B, #3F3C35, #32261B, #19150F)
• Hushed Corridor color palette (#FBF3F0, #DDDAD2, #9FB1AB, #A7726A, #5A504C)
• Bronze Coast color palette (#FFF2EF, #EAB0A6, #AF7231, #715A12, #4B4F00)

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