Petrol Station color palette — #FBEDF4 · #B2ABE1 · #B39959 · #7167A6 · #34302A

Slate and Camel set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FBEDF4): bright and airy, almost weightless.
• Mauve (#B2ABE1): A luminous, dusty violet — the color of twilight just after sunset.
• Camel (#B39959): A luminous, balanced gold — the color of honey in a jar.
• Slate (#7167A6): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#34302A): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Pewter Bloom color palette (#FFEDEF, #D2A0CD, #74AB86, #915C8D, #30322B)
• Aged Corridor color palette (#E8F6EF, #7BBDDE, #C3905F, #387A99, #35302B)
• Indigo Dune color palette (#FEF1F8, #A9ABDA, #CC817E, #6965BD, #534B48)
• Worn Lilac color palette (#FFECF5, #9E91D2, #959058, #737F43, #33212A)
• Iris Corridor color palette (#F0F5FF, #B8C2EE, #A8BB73, #7986CF, #48522A)
• Aged Pewter color palette (#FBEEF1, #C8C69B, #7E535F, #432830, #1D0F13)
• Navy Quarry color palette (#FFECF3, #D2C3F5, #8A7CAD, #4F4171, #26193A)
• Timeworn Balcony color palette (#FBEDF6, #E6D3D0, #AEB99F, #769C91, #48373E)

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