Petrol Station color palette — #EFF6FC · #D8DAE5 · #BDBED1 · #487B96 · #42494D

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D8DAE5): bright and airy, almost weightless.
• Ash (#BDBED1): A luminous, dusty violet — the color of a velvet chair.
• Slate (#487B96): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#42494D): 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

• Washed Pewter Courtyard color palette (#F4F4FC, #E3D4E4, #B6AFC5, #705981, #393947)
• Driftwood Bloom color palette (#EFF6FF, #9FADCE, #7D81A6, #706176, #62474E)
• Wandering Navy Delta color palette (#DDE5ED, #99ABC1, #6C80A0, #003B5F, #051523)
• Timeworn Teal color palette (#E9F9F8, #81BFA4, #428171, #3C6069, #29494A)
• Wandering Powder Atelier color palette (#EEF6FF, #B0E5FF, #7EBDFF, #7887C9, #324359)
• Wandering Denim Delta color palette (#EEF6FF, #C2D4F0, #9BA7C0, #0059AA, #263445)
• Aubergine Station color palette (#EAE8F7, #BBB5CC, #9587A5, #5E2D67, #201C2E)
• Azure Dune color palette (#DBFDFE, #359EED, #5167A4, #6A3C5C, #2D3F53)

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