Olive Harbor color palette — #F0F7F3 · #D0E0E3 · #B0C5D0 · #7F7A00 · #0E231A

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D0E0E3): bright and airy, almost weightless.
• Stone (#B0C5D0): A luminous, dusty blue — the color of open sky before noon.
• Olive Leaf (#7F7A00): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#0E231A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Wandering Pine color palette (#EEF7F7, #D3DCE3, #B4C5DD, #008D50, #032423)
• Softworn Bronze Ridge color palette (#FAF3F6, #CCDADD, #A1BFCF, #AF5F00, #291820)
• Timeworn Moss color palette (#F1EFE5, #CED5CA, #AEC1AA, #919947, #322E1D)
• Worn Grove color palette (#EBFAED, #BBBF90, #4B8832, #674C0D, #191A00)
• Dusty Fern color palette (#E2EBE8, #BBD1CA, #90AAA5, #555A00, #091A14)
• Obsidian Olive color palette (#C7EFE7, #418B10, #002B2E, #0A0E14, #010500)
• Softworn Teal Meadow color palette (#EBF8FB, #D5DBE7, #B6AFBB, #00A7A6, #1E3A41)
• Tempered Aubergine color palette (#FFF1F7, #B5A40B, #007F51, #6C0066, #0E1500)

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