Petrol Atelier color palette — #EEF7F5 · #DED4D2 · #CDB7B7 · #4C78A3 · #3F4B47

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

The five colors

• Ivory (#EEF7F5): a clean, paper-quiet neutral.
• Silver (#DED4D2): bright and airy, almost weightless.
• Stone (#CDB7B7): A luminous, dusty red — the color of embers at dusk.
• Slate (#4C78A3): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4B47): a grounded near-black with real depth.

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

Use it as a design system

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

• Antique Garden color palette (#FEF1F6, #E8D5CF, #D6B2B1, #775A9A, #4A3B40)
• Cobalt Orchard color palette (#ECF4F1, #DCD1CC, #C4B5B1, #367BAE, #232F2B)
• Driftwood Basin color palette (#FAF3F7, #E0D7D6, #AFADA1, #9A758C, #585055)
• Chestnut Canyon color palette (#FFF0FD, #D4AEC1, #997B7E, #845D1A, #455439)
• Basalt Harbor color palette (#FDF4E5, #BAAF88, #677B4F, #436155, #504100)
• Indigo Canyon color palette (#F3DDEC, #5F67BC, #422A34, #291924, #120A0D)
• Ultramarine Canyon color palette (#FFF0FB, #E5CAD7, #BE9CA6, #3849C0, #3E2C3A)
• Dusty Denim Loft color palette (#F6EBEE, #D7C8C9, #B39A97, #684478, #39282D)

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