Olive Harbor color palette — #F7F2DF · #97A86F · #4F7032 · #464740 · #201D05

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F2DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#97A86F): A luminous, balanced green — the color of fresh herbs.
• Olive (#4F7032): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#464740): quiet, heavy and certain.
• Onyx (#201D05): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Teal Corridor color palette (#EFF4E7, #59B497, #007567, #364D38, #171F0E)
• Wandering Lime Field color palette (#F8F3D6, #87BA4E, #3A7D2C, #0E5758, #162602)
• Hushed Emerald Summit color palette (#EFEFDD, #60A05A, #006732, #004149, #121400)
• Muted Emerald Boulevard color palette (#FFF3E2, #D1D78A, #6B985A, #546B4D, #2F270A)
• Midnight Pine color palette (#E1E4D1, #007C47, #00412D, #002420, #000401)
• Softworn Cobalt Grove color palette (#F0F4E8, #9FCDF5, #4C7EB9, #005775, #0F1F3D)
• Patina Lilac Meadow color palette (#FFEAFD, #D5DBFF, #B19FE1, #4D6E95, #2F1C2B)
• Misty Villa color palette (#EBDEE9, #4B75DC, #A04598, #00686C, #200B1E)

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