Olive Harbor color palette — #FFE9C8 · #B1AD6E · #688541 · #00552E · #002924

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

The five colors

• Custard (#FFE9C8): A whisper-light, dusty gold — the color of old brass.
• Sage (#B1AD6E): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#688541): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#00552E): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#002924): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Lagoon Delta color palette (#EEEFB0, #9DC185, #3C8F6A, #005852, #002931)
• Bronze Courtyard color palette (#FFE1DE, #D89C74, #93702E, #515000, #102E00)
• Chalky Pine color palette (#F4FBC2, #ABEDC1, #88AF6E, #39753A, #004022)
• Weathered Taupe color palette (#FFEFDF, #AD9D48, #417958, #523A65, #27230A)
• Dusty Orchard color palette (#F1EBC7, #839F00, #00743C, #004135, #00181D)
• Softworn Pewter Lantern color palette (#F5F1EA, #D4D9D1, #B4C0B6, #7F7546, #312B20)
• Dusty Delta color palette (#F5F3DB, #FFD8B1, #B0BE50, #00A993, #242805)
• Antique Stone Bloom color palette (#F7E9CE, #C0C29C, #798976, #6F5656, #4C2B29)

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