Olive Harbor color palette — #E7E6CF · #5D8600 · #005836 · #002520 · #000506

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

The five colors

• Parchment (#E7E6CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#5D8600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005836): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#002520): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000506): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged 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 Field color palette (#E5ECD8, #007527, #00433B, #001D22, #000205)
• Tempered Lagoon color palette (#D1E6D6, #008C74, #00525A, #002533, #000618)
• Hazy Moss Chapel color palette (#E4E1C1, #6C9D00, #007942, #00433E, #00191E)
• Bronze Drift color palette (#F2DCCD, #9E6E00, #4C4800, #082900, #000602)
• Muted Olive Veranda color palette (#F1E3EA, #5B6E00, #00463C, #3B002A, #000800)
• Dusty Emerald Loft color palette (#D0E9E7, #B39400, #009649, #00676E, #000603)
• Gentle Lagoon color palette (#ECF3BC, #91BD89, #008A6A, #005150, #00252E)
• Fern Summit color palette (#E3EFEB, #A4B8B6, #6B969D, #3B4B00, #000E0A)

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