Petrol Parlor color palette — #F0F6FA · #DBDAE4 · #C8BBCE · #457C95 · #3F4950

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#DBDAE4): a clean, paper-quiet neutral.
• Stone (#C8BBCE): A luminous, dusty pink — the color of a candy shop window.
• Slate (#457C95): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3F4950): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Parlor 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

• Petrol Pier color palette (#EBF4F1, #DCD0CE, #C6B5B7, #4A7B9B, #242F2B)
• Wandering Indigo Workshop color palette (#F3F5FB, #E3D5E4, #CBB2D4, #6459BC, #3C3F4B)
• Driftwood Lagoon color palette (#E3FAFF, #96B8D7, #807EA5, #376A67, #294F5B)
• Wandering Abyss color palette (#DEE8F0, #A1A9BC, #7F7A9B, #003B5D, #081520)
• Washed Pier color palette (#FEF1F8, #96BA9C, #6F7A32, #555773, #37473A)
• Hushed Aubergine color palette (#ECEEF6, #CEC9D9, #AF97B2, #5C4292, #2B2D39)
• Aubergine Chapel color palette (#DFDEE5, #C0B4C6, #A28399, #661B78, #1F1D2B)
• Wandering Archive color palette (#E5E9F0, #9998A8, #7A6986, #1D1176, #040818)

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