Petrol Coast color palette — #E9E1B6 · #8FA480 · #537699 · #634123 · #35210D
A conversation between Slate and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E9E1B6): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8FA480): A luminous, dusty green — the color of fresh herbs.
- Slate (#537699): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#634123): A full-bodied, dusty gold — the color of old brass.
- Espresso (#35210D): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Coast 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
- Antique Cocoa color palette (#F7DCCA, #AA9D77, #428577, #6D342F, #391E0A)
- Ancient Chestnut Loft color palette (#E7EFD6, #95B19C, #8D6F82, #6A4C00, #382A0E)
- Washed Market color palette (#D7E8E4, #66AEA1, #2C7A94, #533C00, #002C0B)
- Cocoa Pier color palette (#D5E6CC, #91B99D, #4C80AD, #714453, #6C320D)
- Weathered Pier color palette (#D6EED3, #799BBB, #6D547C, #004E38, #0E2003)
- Feathered Forest Archive color palette (#D4E9C8, #6DB9CE, #7E75B3, #195F25, #00342A)
- Wandering Archive color palette (#EBF1CE, #7C843E, #005B58, #492200, #111700)
- Timeworn Harbor color palette (#EDF6DF, #BBD5C4, #9E8793, #6F6D22, #464400)
Browse the whole catalog at Explore, or see today's palette.