Tempered Petrol color palette — #F3F4FE · #D4C0F6 · #C1859D · #007987 · #24385B

Teal and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F4FE): a clean, paper-quiet neutral.
• Lavender (#D4C0F6): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#C1859D): A luminous, dusty rose — the color of a warm blush.
• Teal (#007987): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#24385B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Washed Apricot color palette (#F1F5FE, #B8C2FF, #E5916C, #489880, #254756)
• Ash Meadow color palette (#F6F3FF, #CB9CC8, #595065, #2D2839, #0F0E15)
• Muted Olive color palette (#F9F2FB, #FCB5C2, #BD8F6F, #736D27, #452E4F)
• Hushed Ash color palette (#EBF8F8, #CDD8EF, #89B8BF, #6E8A9F, #304C4E)
• Patina Pine Canyon color palette (#FBF2F6, #EDC29F, #9E9E66, #307C52, #0E3F4D)
• Worn Bronze color palette (#F5F4FF, #DFBEE7, #CA828F, #965A2B, #174130)
• Olive Chapel color palette (#EEF7FB, #9CD7E5, #BB9161, #607427, #004337)
• Antique Raspberry Parlor color palette (#F8F2FF, #ECD6D5, #DF95B2, #B66178, #5F4762)

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