Tempered Petrol color palette — #F7EAF1 · #E5D1DA · #CDAEB8 · #6C6BA0 · #372931

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

The five colors

• Blush (#F7EAF1): a clean, paper-quiet neutral.
• Silver (#E5D1DA): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#CDAEB8): A luminous, dusty rose — the color of a warm blush.
• Slate (#6C6BA0): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#372931): A deep, shadowed, 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

• Timeworn Canyon color palette (#E6F1ED, #C8DDD7, #C4B0C4, #2C7AA3, #1F322C)
• Denim Archive color palette (#EDE3E6, #D9BBC2, #BC9B9F, #704E91, #2B1920)
• Weathered Meadow color palette (#FFF1F2, #FDD2CF, #DFB1AA, #A95590, #3F2E2E)
• Tempered Iris color palette (#ECEEF4, #D8CFDE, #C3B3C4, #8388DE, #262D3F)
• Softworn Wisteria color palette (#EAD8F1, #CF8DBE, #A56883, #7F5432, #3D3832)
• Worn Ash color palette (#FCF2F4, #E3D7D3, #CFBDB4, #9F84A9, #504447)
• Softworn Orchid Ridge color palette (#F9D5C5, #AB6FED, #944397, #7B290E, #391723)
• Hushed Lagoon color palette (#FFEFF5, #C2C1FF, #C490FF, #B25ABF, #2F133F)

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