Olive Harbor color palette — #D1E8D2 · #7C7600 · #513600 · #250800 · #000200

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

The five colors

• Celadon Mist (#D1E8D2): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#7C7600): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#513600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#250800): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Patina Quarry color palette (#EFE5D5, #987E25, #7B5900, #573700, #040300)
• Timeworn Moss color palette (#E6F3E6, #958800, #6A4500, #3F0F00, #000201)
• Midnight Bronze Ridge color palette (#F5E0ED, #9F6300, #692100, #2A000D, #000201)
• Quiet Lime Boulevard color palette (#DCFFEB, #9AC264, #877700, #623C11, #001716)
• Chalky Parlor color palette (#FCDBEB, #BF9139, #944600, #541C21, #000503)
• Nightshade Summit color palette (#D2E0FD, #3700D9, #4A3A00, #1F1700, #00000B)
• Shadow Navy Parlor color palette (#DCEAFF, #987400, #020060, #130914, #00000C)
• Hushed Bronze color palette (#E5E5CA, #AA7700, #007CAC, #090C12, #000103)

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