Tempered Petrol color palette — #F1F5FC · #DBD7E2 · #B0B1C9 · #4F6292 · #343B47
A conversation between Slate and Ash, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F1F5FC): bright and airy, almost weightless.
- Silver (#DBD7E2): a clean, paper-quiet neutral.
- Ash (#B0B1C9): A luminous, dusty violet — the color of wild irises.
- Slate (#4F6292): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#343B47): 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
- Antique Workshop color palette (#FAF2F9, #E6D5D4, #D0B9AF, #5F81B5, #3F383E)
- Muted Plum Studio color palette (#F7F3FA, #E7D4DC, #CDB2C9, #9D477D, #443B4D)
- Patina Grape Ridge color palette (#F4F4FF, #D5CEE6, #C895AC, #78349E, #313046)
- Tempered Ash color palette (#DDE5FF, #AE90BC, #966982, #3A614C, #174D45)
- Patina Balcony color palette (#E3E6EC, #B5B8CB, #8E8AA7, #36358F, #1A1F2B)
- Dusty Onyx Canyon color palette (#E9E7ED, #9F96A5, #7D687F, #4C0045, #0B0615)
- Antique Corridor color palette (#ECF9F3, #8CA571, #31733C, #2D4E6D, #1F3C35)
- Lilac Station color palette (#F2F5FF, #91C6FF, #AA90FF, #A44A96, #26294A)
Browse the whole catalog at Explore, or see today's palette.