Tempered Petrol color palette — #FAF2FA · #E5D5D5 · #C6ABB2 · #4A658D · #413740

Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Silver (#E5D5D5): a clean, paper-quiet neutral.
• Rosewood Mist (#C6ABB2): A luminous, dusty red — the color of embers at dusk.
• Slate (#4A658D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#413740): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Dusty Terrace color palette (#F5F0F5, #E0D2D2, #C5B2B3, #406599, #261D26)
• Muted Cobalt Basin color palette (#F1F6FC, #DBD7E0, #CAB8C8, #5882B9, #323B47)
• Washed Field color palette (#FCF2F3, #EBD7C7, #D5B4A4, #915083, #4F393B)
• Driftwood Hollow color palette (#FCF2F5, #E3D8D3, #AAAFA4, #987881, #575152)
• Wandering Lantern color palette (#F6ECEB, #DDC6C0, #B49A8A, #74415E, #382A2A)
• Navy Meadow color palette (#EDE4EB, #C8B2BB, #A58489, #2B3C89, #281A25)
• Ancient Courtyard color palette (#FDF4E5, #97A16A, #446F43, #5E4050, #37362F)
• Fern Parlor color palette (#F7D9F9, #A693C8, #92677D, #525F17, #3F4B00)

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