Petrol Station color palette — #F7EFF4 · #DDD4D3 · #C6B8B4 · #6E6FA3 · #32292E

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

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Silver (#DDD4D3): bright and airy, almost weightless.
• Stone (#C6B8B4): soft and architectural.
• Slate (#6E6FA3): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#32292E): quiet, heavy and certain.

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

• Antique Quarry color palette (#F2F5FB, #DFD8E0, #C9BBC3, #676FA9, #434852)
• Dusty Driftwood color palette (#F8EFF1, #DDD5D1, #B1ADA3, #9C7780, #3D3335)
• Softworn Grove color palette (#FAEFEF, #E2D3C9, #D4B8AF, #984A84, #351D1F)
• Ancient Violet Cabin color palette (#EFDBE0, #9059B2, #42292B, #220F16, #0A0507)
• Dusty Balcony color palette (#FBDDEA, #C9A8AC, #9B807B, #6D5F0D, #313A00)
• Cypress Corridor color palette (#F4F3E3, #B1B88E, #50816A, #674A63, #272A0E)
• Mallow Meadow color palette (#FFECF2, #DFD7F4, #CBA9FF, #BF6F9F, #371921)
• Aubergine Terrace color palette (#F3E8ED, #AF999F, #8F7476, #3C236E, #0D0006)

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