Petrol Parlor color palette — #ECF4F0 · #CBDCDD · #ACC2C6 · #457D94 · #272E2A

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

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#CBDCDD): a clean, paper-quiet neutral.
• Ash (#ACC2C6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#457D94): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#272E2A): 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 Dune color palette (#EFF6FB, #D8DAE4, #BEBDCE, #467D8F, #3E4A50)
• Pewter Parlor color palette (#F6EFF6, #E6D4D7, #CDB8BA, #876986, #302930)
• Weathered Harbor color palette (#F0F4E3, #88C3A2, #39856C, #4A5A46, #242A18)
• Dusty Archive color palette (#E7F6F2, #E4CAE2, #9DAAD3, #175E9A, #071F1A)
• Hushed Cerulean color palette (#F0F7F2, #DED4D3, #AAA194, #579BAB, #3F4B43)
• Abyss Veranda color palette (#DAEDE6, #8BA79F, #8B728A, #003B57, #000603)
• Azure Ridge color palette (#ECF7DB, #52A4DE, #4A69A9, #5E3756, #0D2823)
• Softworn Sky color palette (#DCFAF0, #C6DEFF, #6CBBFF, #7B95D8, #2C162F)

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