Petrol Parlor color palette — #E8F6EC · #86BEC9 · #C98887 · #008091 · #571B02

A conversation between Teal and Espresso, giving this palette its sense of trust and stability.

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Ash (#86BEC9): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#C98887): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#571B02): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

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

• Timeworn Harbor color palette (#EDF5E8, #A5BB95, #CC8399, #00856D, #492621)
• Hushed Cobalt color palette (#E6F6F0, #8DB9DA, #C98D5D, #0079B4, #36302B)
• Muted Lilac color palette (#EEF8F1, #6EBECC, #AC85CE, #008190, #60444D)
• Gentle Blush color palette (#EAF8FE, #7DD3E7, #EF939B, #189CB4, #5C435D)
• Muted Studio color palette (#E2F8EE, #60A6C7, #BA7789, #AD6327, #162D23)
• Rust Alley color palette (#E0F8EE, #29B5F0, #BD4D00, #006388, #3A1200)
• Petrol Orchard color palette (#F5EFF6, #DABDA3, #486384, #3F2741, #181118)
• Ultramarine Coast color palette (#FBEDF6, #95A0D3, #A78A20, #4B56C1, #312600)

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