Tempered Petrol color palette — #E9EFF9 · #CFD7EC · #B0B6D1 · #5D6FA6 · #272E3B
Slate and Ash set the tone — five colors that lean into creativity and sophistication.
The five colors
- Frost (#E9EFF9): a clean, paper-quiet neutral.
- Powder Blue (#CFD7EC): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B0B6D1): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#5D6FA6): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#272E3B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Denim Loft color palette (#EAEDF6, #C0C2D9, #A3A2BA, #615497, #1B1E2C)
- Hushed Orchid color palette (#F5F4FD, #E1DAF0, #C6B6D5, #9C5AA2, #343042)
- Antique Iris Archive color palette (#F4EBF2, #E0CECF, #CCB2AE, #648DEF, #372835)
- Aged Lilac Chapel color palette (#E0DBF8, #C09ADC, #9A7496, #6C4B63, #064451)
- Quiet Orchid Quarry color palette (#EAF0FF, #9EC0FF, #9FA0FF, #A26BD1, #292143)
- Antique Loft color palette (#F4D1F0, #8F79FF, #8050A2, #7D2329, #271D3E)
- Aged Garnet Archive color palette (#E3DEE8, #AD9FB4, #908093, #6F2552, #0C0611)
- Muted Pine Alley color palette (#D0ECE3, #87B469, #378539, #2C5D6B, #00312A)
Browse the whole catalog at Explore, or see today's palette.