Olive Harbor color palette — #FFF0F7 · #F2CF8E · #AEA432 · #507C18 · #184227
A conversation between Olive and Gold, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Wheat (#F2CF8E): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Gold (#AEA432): A luminous, balanced green — the color of new leaves after rain.
- Olive (#507C18): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#184227): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Worn Pine Balcony color palette (#E1FFDE, #E4DB91, #8FB254, #368331, #0B4F42)
- Marigold Field color palette (#FFF0FE, #FFD3BA, #D79840, #826D00, #38481C)
- Washed Thicket color palette (#EDE0CF, #BC9F21, #817700, #485613, #00312B)
- Mustard Grove color palette (#F5DDBA, #DAC46C, #B8B200, #7C903B, #46463F)
- Sunlit Moss Chapel color palette (#E8FAF1, #D9D99B, #C3ACF4, #938F00, #3D2F58)
- Mint Archive color palette (#EAF1E2, #7DC56F, #008765, #005A5C, #002229)
- Wandering Orchard color palette (#FFE5CE, #9E8300, #4A4E00, #062700, #000704)
- Olive Villa color palette (#E5E2C6, #5A8000, #004A1B, #00140E, #000202)
Browse the whole catalog at Explore, or see today's palette.