Petrol Parlor color palette — #ECF4F0 · #CBD9DA · #A9BCB6 · #146F89 · #17241D

Built around Teal, softened by Onyx — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#CBD9DA): bright and airy, almost weightless.
• Ash (#A9BCB6): A luminous, dusty teal — the color of sea glass.
• Teal (#146F89): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#17241D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Weathered Petrol Courtyard color palette (#EEF7FB, #D6D8E4, #A9B4C8, #007084, #2F3D44)
• Timeworn Cerulean Orchard color palette (#F0F7F2, #D0DFE1, #BAB9AC, #3A98AD, #26312A)
• Patina Cypress Terrace color palette (#F1F4E0, #7DAD8F, #2A745A, #364E2F, #182000)
• Tempered Indigo color palette (#FBEEF3, #E8D0CC, #D2B7BC, #7659A5, #2E2026)
• Abyss Orchard color palette (#D9E4DF, #A4B9B2, #988798, #004A67, #000E08)
• Weathered Dune color palette (#F0DAEB, #BC9CAE, #866671, #613C33, #3B1D0E)
• Ancient Aubergine color palette (#EFE6E9, #D7C6C9, #B99B9E, #6A3F85, #201116)
• Quiet Denim Market color palette (#E3EED5, #3A92CB, #3357A2, #581F4E, #001D18)

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