Olive Harbor color palette — #F4ECDC · #5A7221 · #00421B · #251E00 · #020300
Olive and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4ECDC): A whisper-light, dusty gold — the color of old brass.
- Olive (#5A7221): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00421B): A deep, shadowed, balanced teal — the color of sea glass.
- Onyx (#251E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Pine Terrace color palette (#D8E9D7, #007544, #004238, #002023, #000507)
- Muted Harbor color palette (#F4EBD7, #68842D, #005225, #003132, #050900)
- Softworn Fern color palette (#EBE0D3, #989046, #3F6100, #004337, #181100)
- Moss Dune color palette (#D1E7DE, #7B9B3C, #2C5B00, #2B2E00, #000201)
- Ancient Garnet Garden color palette (#DEEFD4, #006B59, #8D0406, #003229, #0B0000)
- Nocturne Garnet color palette (#D8EFEA, #00564C, #730041, #551600, #000201)
- Teal Alley color palette (#F2F4DF, #55BE9A, #007B7A, #2C591F, #00281C)
- Dusty Lagoon color palette (#F5F2E9, #B5B78F, #348763, #3F5D48, #282915)
Browse the whole catalog at Explore, or see today's palette.