Tempered Petrol Atelier color palette — #EFF6FF · #DAD7EA · #B2BBD6 · #4068AF · #36404E

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DAD7EA): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B2BBD6): A luminous, dusty violet — the color of wild irises.
• Slate (#4068AF): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#36404E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Sapphire Thicket color palette (#EBF3FC, #D8D3E1, #BDBCD6, #0069C9, #1A2634)
• Washed Hollow color palette (#EAEFF6, #C6CCDD, #9A9FB5, #3F4E93, #262E3D)
• Ancient Cornflower color palette (#FAF2FA, #E6D5D6, #DCB7B0, #3B88DE, #483B49)
• Tempered Lantern color palette (#F6F4FB, #E0D7DC, #B5ABA6, #887A9E, #545159)
• Timeworn Violet color palette (#F1F5FF, #BCD4FF, #979BFF, #985AD1, #302857)
• Lilac Quarry color palette (#EAE5FF, #BC9CD3, #976B93, #824739, #584000)
• Tempered Aubergine color palette (#E6E5EF, #AAA6B7, #837A91, #540A6C, #13121F)
• Frosted Indigo color palette (#F0F5FF, #5C6BF1, #862C8C, #004B40, #00354A)

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