Tempered Petrol Atelier color palette — #EEF6FE · #DBD7EC · #B7BAD4 · #387099 · #36414B

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

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Silver (#DBD7EC): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B7BAD4): A luminous, dusty violet — the color of a velvet chair.
• Slate (#387099): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#36414B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered 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

• Petrol Grove color palette (#ECF3F8, #D9D4E7, #BEBBD9, #0C72A6, #1A2631)
• Cerulean Coast color palette (#EBF9F4, #ECDBDD, #E0BCB5, #428EBF, #2C463D)
• Muted Driftwood color palette (#F5F4FC, #E1D7DD, #B4AAA2, #827C9F, #525258)
• Wandering Aubergine color palette (#E3E6F4, #ABA4C2, #897793, #402667, #111221)
• Dusty Aubergine Study color palette (#F4F4FE, #D7CDE8, #B79BBD, #733C98, #313047)
• Softworn Lilac Ridge color palette (#D7ECFF, #A9A2F8, #996B91, #4F633A, #125136)
• Periwinkle Workshop color palette (#EDF8F5, #E9D4CF, #52AAF8, #AAA090, #2D453F)
• Washed Mulberry color palette (#EDF6FF, #0084CE, #9E1D4F, #394600, #013417)

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