Petrol Station color palette — #FFF0FE · #BF6163 · #3C67AF · #62428A · #271B31
Built around Slate, softened by Brick — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Brick (#BF6163): A luminous, balanced red — the color of a theater curtain.
- Slate (#3C67AF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Plum (#62428A): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#271B31): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Quiet Amber Hollow color palette (#FFF0F9, #D87E5E, #6E6EBB, #76417A, #332436)
- Muted Canyon color palette (#F9F2FF, #CE619F, #007195, #394E93, #201A35)
- Pale Amber Loft color palette (#EAFAEA, #BD7D00, #8B57A4, #872A58, #2F1526)
- Tempered Villa color palette (#FFEDF3, #B56E00, #8231B8, #7A0054, #350500)
- Hushed Market color palette (#EDF9EF, #C5A665, #987297, #915865, #3F2C36)
- Mustard Villa color palette (#FEF4E3, #CEA60B, #00A19F, #8461BF, #2B1804)
- Pale Nightshade color palette (#FCE7F4, #B04000, #3F23B5, #54005D, #120003)
- Moss Bloom color palette (#E3F7EF, #959E24, #008661, #005A6C, #3E2500)
Browse the whole catalog at Explore, or see today's palette.