Olive Harbor color palette — #FBF2F7 · #B77A63 · #6F7222 · #005776 · #3B3241

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Caramel (#B77A63): A luminous, balanced orange — the color of toasted spice.
• Olive (#6F7222): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005776): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3B3241): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Muted Denim Workshop color palette (#F7F3FE, #B687A4, #777339, #005C7A, #59344F)
• Navy Orchard color palette (#EFF8F2, #907E40, #347354, #354789, #392B37)
• Weathered Pine color palette (#F7F1E8, #AB8A47, #317B53, #005A5D, #0D1E1A)
• Hushed Bronze Bloom color palette (#FAEEF4, #AC6A46, #314134, #32242B, #1A1315)
• Bronze Grove color palette (#E9FBEA, #8E6200, #415900, #003F68, #401320)
• Softworn Driftwood Loft color palette (#F8F3F8, #E0D8D8, #A7AFB6, #B06C6C, #584F58)
• Worn Atelier color palette (#FAF1FF, #E7B1AF, #A9735A, #785500, #544C00)
• Timeworn Lagoon Studio color palette (#F2F5FE, #9993CD, #0D9E7C, #197989, #2E3946)

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