Tempered Petrol color palette — #F9F3F8 · #E1D7D8 · #CDBAB8 · #6072A3 · #4F444D

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E1D7D8): bright and airy, almost weightless.
• Stone (#CDBAB8): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#6072A3): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4F444D): A full-bodied, dusty pink — the color of peonies in June.

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

• Cobalt Study color palette (#F5F0F5, #E3D5D4, #D2B8AE, #5476A9, #2F2A2F)
• Washed Canyon color palette (#FFECF6, #CCAAB3, #A08281, #6B653B, #40533D)
• Dusty Mulberry Meadow color palette (#FBF3F3, #DFD8D1, #C2AFA7, #993C76, #433737)
• Washed Indigo color palette (#EFE0E6, #785FB1, #432A30, #2E1622, #150A0C)
• Timeworn Pine color palette (#F8F5E9, #B3B28C, #4F8156, #3F5C7A, #484400)
• Patina Grape color palette (#FBF2F6, #DFCDD2, #C29BA0, #6031C6, #412B37)
• Wandering Meadow color palette (#F0E2E0, #C8B4AE, #A0887B, #7F0047, #301715)
• Peony Courtyard color palette (#FFF0F8, #D0E2FF, #AFA7FE, #BC5CA9, #553140)

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