Petrol Station color palette — #EDF3F7 · #D4D6DE · #BABBD1 · #407D9A · #242D34

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D4D6DE): bright and airy, almost weightless.
• Ash (#BABBD1): A luminous, dusty violet — the color of a velvet chair.
• Slate (#407D9A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#242D34): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Aged Boulevard color palette (#EEF1FB, #DCD2E5, #BCBCD9, #665ABA, #202432)
• Lagoon Coast color palette (#E7F5F4, #8EBDBF, #1C8772, #365C65, #0A2D2F)
• Driftwood Chapel color palette (#EAF1FF, #B3BCD8, #907BA4, #614F64, #3E2E3B)
• Antique Workshop color palette (#E1E9F1, #92A2B4, #687BA4, #00395C, #00050D)
• Dusty Meadow color palette (#F0F6FA, #D9DAE5, #CDC1C4, #5FAAC3, #394045)
• Softworn Hollow color palette (#E8F3FF, #B0E1FF, #7DB8FF, #7682DB, #132439)
• Worn Sapphire color palette (#FAEDFD, #5EA1E3, #5163B7, #682E54, #162335)
• Worn Garden color palette (#DFDEE7, #B5B0C1, #9387A4, #5E296C, #0B0817)

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