Tempered Petrol color palette — #FAF2F9 · #E4D5D7 · #C3ABB9 · #466496 · #3F383E

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Silver (#E4D5D7): bright and airy, almost weightless.
• Rosewood Mist (#C3ABB9): A luminous, dusty pink — the color of peonies in June.
• Slate (#466496): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#3F383E): 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

• Wandering Cobalt color palette (#F0F6FC, #DAD7E4, #C4BACE, #5E82B2, #353B43)
• Aged Aubergine Harbor color palette (#FFF1F6, #E8C9D1, #C49AA0, #6A4690, #422B34)
• Worn Driftwood color palette (#FCF2F5, #E4D7D3, #AFAFA4, #9B7680, #5A4F52)
• Cocoa Veranda color palette (#FFD8EA, #BC9DD1, #936D8E, #7D4121, #403D36)
• Timeworn Navy Basin color palette (#F3EAF0, #C4B3BD, #A28492, #323F78, #271A24)
• Muted Iris Loft color palette (#FFF0FA, #AFCFFF, #9196FF, #8963B9, #462B3C)
• Ancient Onyx Dune color palette (#F7ECEE, #AE9293, #836968, #450E48, #140407)
• Iris Basin color palette (#FFE9E2, #7678DD, #684595, #6C222F, #442537)

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