Olive Harbor color palette — #FCF5DD · #818400 · #006B41 · #00494F · #4E2300
Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#FCF5DD): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#818400): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006B41): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#00494F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Espresso (#4E2300): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, 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
- Emerald Dune color palette (#F5F7E2, #44932C, #006864, #00436B, #3A3000)
- Muted Olive Study color palette (#E6E2CF, #686F00, #005439, #00343D, #311800)
- Quiet Bronze color palette (#FFF3E8, #B96400, #5D5E00, #004C34, #600017)
- Hushed Pine color palette (#F7F7E2, #84B178, #3B7948, #604F20, #24441B)
- Quiet Cabin color palette (#DEEED6, #00806F, #00546D, #220096, #1E2900)
- Quiet Quarry color palette (#FFF4DE, #FFC271, #CCA300, #7A8800, #403600)
- Olive Alley color palette (#E7DECA, #776900, #2B2E00, #201700, #070801)
- Quiet Summit color palette (#E3E896, #96B000, #567D00, #345B00, #134808)
Browse the whole catalog at Explore, or see today's palette.