Tempered Petrol color palette — #F2F5FB · #DCD7E1 · #B2B0C9 · #575F93 · #353A45
Built around Slate, softened by Ash — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F2F5FB): bright and airy, almost weightless.
- Silver (#DCD7E1): a clean, paper-quiet neutral.
- Ash (#B2B0C9): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#575F93): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#353A45): 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
- Muted Station color palette (#FAF3F8, #E9D4D2, #CEBAB0, #697EB7, #40373F)
- Softworn Fern Pier color palette (#D4DCFF, #A19DC4, #7C6889, #535724, #1E4945)
- Softworn Aubergine Garden color palette (#F5F3FF, #D7CDE6, #CC95A5, #7F3390, #333042)
- Hushed Plum color palette (#F8F3FB, #E7D4DA, #CEB3C6, #A83D72, #453B4C)
- Softworn Navy color palette (#ECEFF9, #B6B7C9, #9089A4, #42367F, #1A1E2E)
- Dusty Onyx color palette (#E9E4EF, #9F96A3, #826680, #4F003B, #0D0515)
- Weathered Pine Garden color palette (#EAF9F3, #80A873, #1A7547, #314B72, #153D37)
- Lilac Study color palette (#F2F5FF, #ABC6FF, #A990FF, #B14E8D, #2A2947)
Browse the whole catalog at Explore, or see today's palette.