Petrol Station color palette — #F0F7F4 · #9FCCBB · #A7677B · #1775A5 · #3A2926
A conversation between Slate and Mocha, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Pistachio (#9FCCBB): A luminous, dusty teal — the color of glacier melt.
- Mocha (#A7677B): A full-bodied, balanced rose — the color of pressed rose petals.
- Slate (#1775A5): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#3A2926): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Sophistication. Tagged duotone, 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
- Antique Driftwood color palette (#F1F7F1, #91CDC9, #8E6DA7, #007E7A, #3A282E)
- Patina Boulevard color palette (#F9F3F7, #B1BEEE, #AC6576, #5866B0, #3C2824)
- Cobalt Harbor color palette (#EDF2F9, #ACC4F1, #8A74BA, #4E70B2, #131520)
- Wandering Fern Workshop color palette (#F6F6E8, #8AAAD2, #846C94, #3B6632, #55404F)
- Patina Lilac color palette (#F9F3F8, #BBD1FF, #AA88D7, #708BC7, #362A2E)
- Weathered Lagoon color palette (#F9F3F7, #E0D8D7, #ADACA2, #7080B1, #584F56)
- Terracotta Cabin color palette (#FBF2F9, #7686B9, #9D5355, #43540B, #3E313F)
- Frosted Mulberry Orchard color palette (#D8FFF5, #D8B2CC, #8875B1, #813C7F, #732F4B)
Browse the whole catalog at Explore, or see today's palette.