Petrol Station color palette — #CCF0CB · #8CB4BC · #4E7B96 · #654B5F · #583139
Slate and Honeydew set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#CCF0CB): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#8CB4BC): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4E7B96): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#654B5F): A full-bodied, dusty pink — the color of peonies in June.
- Cocoa (#583139): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Station 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
- Cocoa Archive color palette (#C6EEF1, #82AEBF, #697B91, #704856, #324A39)
- Antique Basalt color palette (#DBF7E3, #91AEA0, #587EA4, #573F69, #3C1D22)
- Wandering Ridge color palette (#DBEFED, #4FACDA, #665FA3, #664514, #503200)
- Softworn Balcony color palette (#E3FAFF, #ADC7DC, #8E93A5, #5D7465, #3A5353)
- Teal Balcony color palette (#D8F8E8, #00B6B0, #007381, #00546F, #2F3163)
- Ancient Cerulean Chapel color palette (#FBF2F9, #A2CCDF, #3881A3, #00624F, #233C58)
- Cocoa Villa color palette (#DBF1E1, #348F92, #205879, #592B00, #2F2300)
- Softworn Villa color palette (#E6FBF4, #7DA788, #237164, #2C5449, #073E3C)
Browse the whole catalog at Explore, or see today's palette.