Olive Harbor color palette — #F2F3E6 · #628A4F · #324400 · #292A1E · #141612
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F3E6): a clean, paper-quiet neutral.
- Fern (#628A4F): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#324400): A deep, shadowed, balanced green — the color of new leaves after rain.
- Onyx (#292A1E): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#141612): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Softworn Bronze color palette (#F7F1E6, #967928, #3E3D36, #2E281C, #161510)
- Timeworn Moss color palette (#E2F7F2, #7AAC57, #445D61, #2C3C38, #1E2320)
- Washed Boulevard color palette (#DCE8DE, #008188, #0F3B2A, #142317, #060F0B)
- Stone Field color palette (#E6F6F3, #9CC48D, #69817F, #485955, #1D2321)
- Weathered Terrace color palette (#DCE9D0, #00644C, #404A52, #001F1F, #050C00)
- Weathered Teal color palette (#EDFAE6, #48AC98, #907DBC, #996B47, #3C4637)
- Worn Lagoon color palette (#F6F9D4, #8BC293, #1EA075, #267462, #40523D)
- Washed Chestnut Boulevard color palette (#F9F4EC, #CBC19D, #76895F, #816018, #5D4C00)
Browse the whole catalog at Explore, or see today's palette.