Tempered Petrol color palette — #EDF3F7 · #D7D7E1 · #C1BAD2 · #3F7CA2 · #242D35
Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF3F7): bright and airy, almost weightless.
- Silver (#D7D7E1): a clean, paper-quiet neutral.
- Ash (#C1BAD2): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#3F7CA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#242D35): a grounded near-black with real depth.
Feels like: Trust, Stability, 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
- Hushed Archive color palette (#F0F1F9, #E1D2E4, #C3B9D8, #6F5CA7, #222430)
- Petrol Meadow color palette (#EFF8F3, #E4D3CF, #CEB7B4, #4B7B92, #414A46)
- Tempered Bloom color palette (#D8E9FF, #A3AFD4, #8C88AF, #4F654D, #20392E)
- Twilit Cobalt Grove color palette (#D8DFEC, #4F6FC8, #292F4B, #0F1622, #03070C)
- Navy Courtyard color palette (#DAE1E9, #96A0B2, #7B75A1, #003764, #00040D)
- Softworn Corridor color palette (#EAF6EB, #96BEA8, #6E7D31, #3A5A6B, #162D21)
- Hushed Parlor color palette (#E8E8F1, #CCC9DA, #AA9DB9, #654089, #14151F)
- Muted Lilac Archive color palette (#E9F3FF, #AEE6FF, #95C0FF, #A280E0, #172440)
Browse the whole catalog at Explore, or see today's palette.