Petrol Parlor color palette — #ECF9F0 · #FFCDDE · #CB9470 · #3878A6 · #4A3949

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Shell Pink (#FFCDDE): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#CB9470): A luminous, balanced gold — the color of old brass.
• Slate (#3878A6): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4A3949): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Dusty Petrol Balcony color palette (#F7F3FE, #EFB8DD, #A79B5F, #00778E, #412F50)
• Ancient Market color palette (#EAF9F3, #E7D3FF, #CD8D9D, #128380, #413B51)
• Wandering Coral color palette (#FFECF2, #E09686, #9D6B49, #305C51, #352730)
• Driftwood Garden color palette (#F8F2FF, #EBD5DB, #B8CCB8, #758EA7, #4B4E60)
• Dusty Cocoa Garden color palette (#FFF3E6, #FDBFAF, #D8A078, #81936B, #6E3708)
• Washed Coast color palette (#FBF5E4, #E2899E, #956E4A, #3C6352, #703417)
• Hushed Moss Lagoon color palette (#FFF1F5, #F3C18C, #819D55, #6B5596, #193A25)
• Muted Alley color palette (#FDF1FB, #E7D5D7, #F6CB70, #A7B1AA, #533948)

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