Petrol Station color palette — #FFECF4 · #FFCDDB · #E5A9A3 · #54719F · #361D25

Slate takes the lead with Rose Quartz close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFECF4): A whisper-light, dusty rose — the color of pressed rose petals.
• Shell Pink (#FFCDDB): A whisper-light, dusty rose — the color of strawberry cream.
• Rose Quartz (#E5A9A3): A luminous, dusty orange — the color of autumn markets.
• Slate (#54719F): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#361D25): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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

• Muted Corridor color palette (#DBFAF1, #DFDFFF, #D9A1D0, #2B7183, #301B2F)
• Dusty Coral Summit color palette (#F2F5FF, #F9CAEB, #DB927F, #487397, #3B3B59)
• Tangerine Dune color palette (#FFEBF7, #FFBDC4, #F08407, #72449E, #360E1F)
• Aged Alley color palette (#F5F4FF, #EDD8DD, #D2B4A6, #9788B2, #38324C)
• Softworn Summit color palette (#FFEDED, #FFD4BA, #C6B761, #9B6491, #432412)
• Mulberry Garden color palette (#FFDFD4, #EBB47E, #A3A15A, #7D3B60, #301503)
• Tempered Ember color palette (#F9E0E8, #E08DCB, #CC5C57, #34427F, #1D0005)
• Antique Pier color palette (#FFE1E0, #BD358F, #00775A, #00503C, #1F0809)

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