Olive Harbor color palette — #FFF2EA · #E7DCB8 · #C7B363 · #808434 · #52534C

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#E7DCB8): A whisper-light, dusty green — the color of fresh herbs.
• Gold (#C7B363): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#808434): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#52534C): a grounded near-black with real depth.

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

• Timeworn Emerald color palette (#FFF3E6, #D3EFBD, #A2BF75, #54985E, #405130)
• Muted Mustard Veranda color palette (#FFEAD3, #E3B672, #9B8034, #676336, #3A3932)
• Dusty Station color palette (#FFE9D0, #C1B23F, #778A00, #005921, #002319)
• Hushed Basalt color palette (#FCF4E6, #D2E1C8, #BFAC85, #987150, #3A4500)
• Antique Lagoon color palette (#FBF4E8, #DBE7B5, #CBC2FF, #B69540, #5B3B4C)
• Timeworn Olive Loft color palette (#FEF5D7, #D4E1C0, #ACB874, #706B02, #252C00)
• Honey Ridge color palette (#FFF3E7, #F8BB30, #9BA000, #227200, #00422E)
• Moss Terrace color palette (#F3ECD1, #8AA729, #067118, #004333, #001314)

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