Petrol Station color palette — #F8EFF4 · #E5D2CD · #D9B5B5 · #6660A8 · #2C2127

Slate takes the lead with Rosewood Mist close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Bone (#E5D2CD): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#D9B5B5): A luminous, dusty red — the color of late-summer berries.
• Slate (#6660A8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#2C2127): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Indigo Balcony color palette (#FCF2F6, #EAD4D1, #D2B2BA, #6F5BA5, #4C3A42)
• Softworn Petrol Alley color palette (#E8F5F0, #EED6DC, #D7B3C4, #0073A5, #182923)
• Weathered Aubergine color palette (#F0E6EA, #D7C6C9, #BE9996, #5F3E98, #201018)
• Hushed Iris color palette (#F3F5FD, #DED8E1, #C0B3AC, #987EE0, #313444)
• Worn Bloom color palette (#FAEFEE, #E4CEC7, #CDA088, #952D65, #281312)
• Wandering Study color palette (#F8F0EE, #DCD6CF, #ADB4A5, #9F7771, #3C3433)
• Dusty Ash color palette (#E8EEFF, #C296C6, #9E6168, #005D52, #22381D)
• Dusty Cypress color palette (#F6F2E2, #84B780, #007E60, #5D3E68, #202300)

Browse the whole catalog at Explore, or see today's palette.