Petrol Station color palette — #FFF1F3 · #C896BD · #4594A3 · #416894 · #3C2C33
Built around Slate, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Mauve (#C896BD): A luminous, dusty pink — the color of neon signs at night.
- Cerulean (#4594A3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#416894): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3C2C33): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Softworn Grove color palette (#F4F4FF, #DBAEEE, #009E9F, #296C90, #252937)
- Ancient Pewter Veranda color palette (#FFF2ED, #CF8E8E, #6E89B6, #756194, #412B2A)
- Patina Veranda color palette (#FEF1F8, #9695CD, #519979, #32737A, #382C39)
- Wandering Coast color palette (#FAF4EA, #BA9C5A, #4A936E, #287C83, #3A2E3B)
- Worn Boulevard color palette (#FDF1F6, #F1AD7B, #78B57B, #6988BC, #3A2E38)
- Hushed Cocoa Bloom color palette (#FCF3EB, #D9A577, #8B9162, #825880, #6B2D15)
- Hushed Taupe color palette (#FAF4EE, #DBDAD2, #ACB5A9, #B3957C, #57514D)
- Muted Denim Balcony color palette (#FCF4EA, #A17A46, #457343, #055388, #483029)
Browse the whole catalog at Explore, or see today's palette.