Tempered Petrol Atelier color palette — #F0F5FF · #E1D5E4 · #C3B6CC · #5A64A4 · #374052

Slate and Charcoal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Silver (#E1D5E4): A whisper-light, dusty pink — the color of neon signs at night.
• Ash (#C3B6CC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5A64A4): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#374052): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, 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

• Indigo Villa color palette (#F2F5FD, #DED6E2, #CCB8CC, #7A72ED, #383F53)
• Washed Balcony color palette (#ECEEF5, #CDCAD9, #A79CAB, #524B87, #292D3C)
• Ancient Garden color palette (#F7F3FA, #E1D8D9, #AFABA1, #8C7999, #555059)
• Aged Driftwood color palette (#DCEAFF, #C09BC5, #A76466, #2C6565, #1D495A)
• Ancient Market color palette (#F8F2FF, #DECCDD, #C299AB, #932675, #372E42)
• Periwinkle Market color palette (#FCF2F9, #EAD5D2, #AEB29B, #8C9FED, #4B3947)
• Timeworn Balcony color palette (#E9E5F2, #B3A3B5, #927585, #5F005A, #160F24)
• Smoked Byzantium Grove color palette (#DFE0F9, #8B34C2, #35213F, #16142C, #080710)

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