Petrol Station color palette — #EEF7FB · #9FC7DC · #A16791 · #007A92 · #302B38
A conversation between Teal and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF7FB): bright and airy, almost weightless.
- Sky (#9FC7DC): A luminous, dusty blue — the color of open sky before noon.
- Dusty Rose (#A16791): A full-bodied, balanced pink — the color of a candy shop window.
- Teal (#007A92): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#302B38): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Petrol Basin color palette (#F1F5FC, #AFBFEA, #A7696E, #5169AD, #362837)
- Cypress Villa color palette (#EFF7F8, #97CDBD, #5D7DB4, #008069, #242F3D)
- Hushed Fern color palette (#E9F9F4, #7DAED1, #7C6E9B, #50612C, #39495F)
- Iris Grove color palette (#EFF6FC, #AED6F9, #8C93E3, #4E93C8, #2A2E37)
- Frosted Aubergine Loft color palette (#EBF7FF, #A4C4E8, #7B7BB7, #6B438B, #642D5A)
- Plum Field color palette (#EDF6FF, #5DAAE1, #AE2168, #005B8C, #25152D)
- Wisteria Pier color palette (#F1F5FF, #D2DEEE, #AFC8FF, #C27FB7, #3F4462)
- Hushed Ridge color palette (#F1F6FB, #DAD9DF, #B5A9A9, #6385A9, #4E5359)
Browse the whole catalog at Explore, or see today's palette.