Tempered Petrol color palette — #FAF2F8 · #E5D5D6 · #C2ACB6 · #53618F · #41373F

Slate and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#E5D5D6): bright and airy, almost weightless.
• Rosewood Mist (#C2ACB6): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#53618F): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#41373F): a grounded near-black with real depth.

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 Terrace color palette (#F1F5FD, #DCD7E4, #C4BAC9, #667FB8, #333B47)
• Pewter Grove color palette (#FFF1F1, #EBD6C7, #D5B3AB, #935174, #493C3B)
• Hushed Aubergine color palette (#FFF1F4, #ECC8CE, #C49A9D, #793796, #442A32)
• Worn Veranda color palette (#FFDAE7, #B898BE, #916881, #7A4217, #3E3D36)
• Navy Ridge color palette (#E9DFE5, #C5B3BC, #A88290, #3D3B7B, #291A23)
• Gentle Courtyard color palette (#FFF0F8, #ABC2FF, #A199FF, #9062AF, #412433)
• Washed Onyx Grove color palette (#F6EBEC, #A99493, #836966, #4A0840, #120506)
• Timeworn Iris color palette (#FFE9E1, #8574D5, #6E4785, #692727, #432633)

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