Olive Harbor color palette — #D7F2DB · #7C7424 · #593E00 · #391900 · #030600

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

The five colors

• Honeydew (#D7F2DB): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#7C7424): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#593E00): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#391900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#030600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Obsidian Market color palette (#D4EEE0, #526C1E, #3C3700, #231500, #000200)
• Chestnut Alley color palette (#D5EDDB, #898B47, #6A5100, #4A2700, #071200)
• Onyx Garden color palette (#FBDCEC, #926830, #6D2F00, #480007, #000802)
• Chalky Taupe color palette (#DCEFDD, #B1A148, #8E6100, #6C3000, #00221A)
• Rust Courtyard color palette (#D9EBF3, #BF5300, #555C55, #003037, #000A0C)
• Timeworn Amber Drift color palette (#F6DCEB, #C67900, #963B00, #6A0019, #191100)
• Velvet Bloom color palette (#C9E7F6, #005C6E, #760063, #3B2000, #000305)
• Worn Aubergine color palette (#DCF2F9, #00898E, #5E0096, #003F41, #010009)

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