Olive Harbor color palette — #F3ECCE · #5C7A00 · #0F5306 · #003323 · #001011
A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F3ECCE): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#5C7A00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#0F5306): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#003323): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001011): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Tempered Bronze Parlor color palette (#F5E7DA, #886D00, #494900, #083200, #000F09)
- Moss Field color palette (#EEF2D9, #69B300, #137C16, #004829, #00150E)
- Mulberry Villa color palette (#D7E8E7, #229145, #7E0073, #004318, #140011)
- Dusty Cypress Parlor color palette (#DEEEDE, #008367, #005556, #002F39, #000C18)
- Emerald Harbor color palette (#E3EAD9, #00AB52, #007160, #00464A, #001926)
- Olive Study color palette (#DBEDDB, #7F7300, #5D3C00, #411000, #030700)
- Clover Study color palette (#E7E6C3, #79BC5E, #318B51, #005952, #003644)
- Pale Veranda color palette (#F9DCF7, #D66C00, #127413, #000E09, #000201)
Browse the whole catalog at Explore, or see today's palette.