Tempered Petrol color palette — #EDF2FB · #DAD4EA · #B9BED3 · #5267A7 · #1C2535

Slate takes the lead with Midnight close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EDF2FB): bright and airy, almost weightless.
• Silver (#DAD4EA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B9BED3): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5267A7): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#1C2535): 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 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 Denim color palette (#E5E9F2, #C4CAE2, #A0A2B8, #4A4B91, #12161F)
• Sapphire Station color palette (#FCF1FA, #E8D4D5, #CFB3BD, #4265B9, #483B46)
• Driftwood Canyon color palette (#F4F0F8, #E1D4DA, #B9A9A8, #8B7B9B, #37353A)
• Orchid Pier color palette (#EDF1FF, #C3D3FF, #B2A7FF, #A156CD, #21133D)
• Patina Mulberry color palette (#F4EFFC, #DACEE6, #B7A3C1, #8D2D7E, #1C1627)
• Hushed Aubergine color palette (#E8E5F2, #A39BB2, #847494, #521A56, #05020E)
• Tempered Pewter color palette (#EBDEFF, #C89ED7, #9C6089, #73493A, #492804)
• Softworn Hollow color palette (#FFEDEC, #8E76FF, #7D40A4, #770619, #1F1437)

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