Olive Harbor color palette — #F5EFDF · #827600 · #00514A · #3F3900 · #000200

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

The five colors

• Cream (#F5EFDF): A whisper-light, dusty gold — the color of old brass.
• Walnut (#827600): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#00514A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Olive (#3F3900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Tempered Olive Boulevard color palette (#FEECE1, #3F7300, #004745, #3A0033, #000501)
• Rust Courtyard color palette (#EADBD0, #B75400, #00523F, #5B2600, #010200)
• Olive Corridor color palette (#E0E0D0, #378500, #005A3B, #002423, #000508)
• Fern Ridge color palette (#E0E0D5, #A0A98E, #798D74, #344F00, #0B0A00)
• Misty Denim Orchard color palette (#E9F1E2, #009A76, #005398, #00523D, #000206)
• Softworn Amber Study color palette (#E4F2E8, #A5870E, #00727B, #6A5500, #000203)
• Chestnut Lagoon color palette (#F2EADC, #715700, #002D3C, #261C00, #000204)
• Deep Aubergine Veranda color palette (#F1E9D7, #504C00, #46006B, #3B002C, #070001)

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