Petrol Station color palette — #D9ECFA · #8EADCD · #606F98 · #4E4262 · #2A2032

A conversation between Slate and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Frost (#D9ECFA): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8EADCD): A luminous, dusty blue — the color of deep harbor water.
• Slate (#606F98): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4E4262): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2A2032): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged vintage, retro, 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

• Ancient Atelier color palette (#DBEDFF, #A0B8E0, #7E88A4, #5D5368, #3D2B41)
• Muted Workshop color palette (#ACEFEB, #4FAEBA, #58798D, #454B66, #0A2E22)
• Muted Loft color palette (#D5FFFF, #96DBFF, #939CB9, #755D67, #4E3540)
• Softworn Market color palette (#EBE3FF, #CAA1DE, #99688E, #604156, #09364A)
• Worn Cocoa Dune color palette (#CAECD0, #82AA9C, #6E779F, #7C3E22, #3E3C35)
• Worn Courtyard color palette (#D0E8F8, #5982B1, #414B7A, #441D3D, #2C0015)
• Linen Pier color palette (#D3E8F4, #009EE1, #006AAA, #063E78, #0A1F42)
• Linen Iris color palette (#E1E7FB, #948EF5, #775198, #662735, #490304)

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