Petrol Harbor color palette — #EAEEDE · #7D9E81 · #4F6BA0 · #3B4F16 · #003B2C
A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#EAEEDE): A whisper-light, dusty green — the color of fresh herbs.
- Eucalyptus (#7D9E81): A luminous, dusty green — the color of fresh herbs.
- Slate (#4F6BA0): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#3B4F16): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#003B2C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol 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
- Fern Hollow color palette (#D8EAC1, #8BA790, #6777A1, #4B5C22, #1B4E3A)
- Petrol Loft color palette (#D4EED6, #64AABA, #626498, #554411, #2C350D)
- Dusty Petrol Alley color palette (#F8ECE6, #9BBAA4, #006FA4, #005238, #1D2A55)
- Ancient Summit color palette (#C8E4E9, #61A6CF, #7B5A94, #005D41, #00424B)
- Powder Balcony color palette (#D4F6F2, #7CB9EA, #A18AB1, #657F69, #25442C)
- Garnet Quarry color palette (#EFF2E2, #9BA27F, #5C6D4B, #76262B, #473800)
- Forest Quarry color palette (#EBE4D7, #7D9563, #006545, #004558, #1D2F00)
- Washed Driftwood Drift color palette (#D2E3DB, #8FADD4, #8076AC, #7A4E39, #463000)
Browse the whole catalog at Explore, or see today's palette.