Petrol Station color palette — #EEF2F9 · #DBD6E0 · #C3B9C4 · #62759C · #272C35

Slate and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#DBD6E0): bright and airy, almost weightless.
• Stone (#C3B9C4): a calm mid-gray that lets other colors speak.
• Slate (#62759C): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#272C35): a grounded near-black with real depth.

Feels like: 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

• Patina Petrol color palette (#F2F5FB, #DCD9E2, #C4BCCC, #6371A5, #424852)
• Dusty Pewter Boulevard color palette (#F3F0F7, #DED2D7, #C4B1BD, #815371, #231E2A)
• Softworn Nightshade Study color palette (#EFF1FB, #D2D1E9, #B2A5BF, #5848A8, #121830)
• Pine Chapel color palette (#EBF5EE, #8FBFAF, #56815A, #4E5370, #0F2E25)
• Worn Forest color palette (#D9FAF4, #72A0D1, #785E8D, #2B521A, #172239)
• Muted Study color palette (#EDF1FF, #ACDDFF, #BDB8FF, #B96F92, #1E1E3C)
• Aged Harbor color palette (#DEE2EA, #9D9EB0, #807596, #252185, #010312)
• Weathered Orchard color palette (#EAEDFE, #7B63B8, #342C44, #131521, #04060C)

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