Petrol Station color palette — #F9F3F9 · #E5D7D8 · #D0BBB5 · #5B75A0 · #4E444D

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E5D7D8): bright and airy, almost weightless.
• Stone (#D0BBB5): A luminous, dusty orange — the color of toasted spice.
• Slate (#5B75A0): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4E444D): 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

• Timeworn Delta color palette (#FCF2F4, #E3D6D0, #CEB6AF, #86509C, #4B3A3F)
• Ancient Grove color palette (#EEF2F8, #D7D5DD, #BFB9C8, #5872B5, #272C35)
• Worn Olive Hollow color palette (#FEEDFF, #CDAABC, #9B7476, #626E28, #365746)
• Tempered Indigo color palette (#F3DEE8, #7262B3, #44292E, #2A1922, #13090C)
• Washed Mulberry Parlor color palette (#F9EAEC, #D6C8C7, #B09B93, #6F416F, #3A282B)
• Pine Archive color palette (#FDF4E5, #B7B08D, #577F55, #6D505F, #4D4200)
• Softworn Navy Market color palette (#F0E7ED, #BAA1AB, #977579, #202A7E, #1C0F19)
• Softworn Pewter color palette (#F7F7DD, #6D9BD0, #7D5795, #3F5629, #4D3346)

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