Olive Harbor color palette — #F8ECD2 · #697800 · #524400 · #351E00 · #000500

A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8ECD2): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#697800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#524400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#351E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Deep Coast color palette (#D8EEE1, #737836, #463C00, #1B1000, #010100)
• Muted Bronze Garden color palette (#F3E0D2, #906600, #693600, #480600, #050300)
• Sunlit Orchard color palette (#FEE7CD, #AA8800, #865300, #612C14, #161800)
• Patina Grape color palette (#F4DEEA, #5200D7, #404B00, #252D00, #060003)
• Hushed Lime Boulevard color palette (#EBDDB8, #8EB532, #857900, #6F4A00, #00330B)
• Soft Amber Alley color palette (#FDECE1, #CE9043, #A55B31, #753837, #2F2204)
• Nocturne Terrace color palette (#F5E4F1, #5F8200, #161B71, #020023, #050004)
• Bronze Field color palette (#C9F1E0, #B85F00, #0075B3, #021113, #000202)

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