Tempered Petrol color palette — #E2DBF3 · #C99397 · #AD8160 · #00728E · #211E48

A conversation between Teal and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Thistle (#E2DBF3): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#C99397): A luminous, dusty red — the color of embers at dusk.
• Caramel (#AD8160): A luminous, dusty gold — the color of honey in a jar.
• Teal (#00728E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#211E48): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Worn Denim color palette (#F8E4E8, #B38374, #8D6F00, #2B579E, #230C34)
• Antique Forest color palette (#EDE7FC, #B58FAD, #AA7683, #007150, #002F36)
• Ancient Olive color palette (#F5E5D0, #A5926D, #6E7639, #00594A, #002E2E)
• Dusty Cobalt Meadow color palette (#FBE0E6, #E5AC95, #B6A144, #517BCE, #4C2161)
• Worn Cornflower color palette (#F3DCE4, #F3972E, #1B7AE1, #A25E00, #001A3B)
• Sapphire Boulevard color palette (#F1E3CE, #D09A31, #2F5CFB, #0076B0, #1A0F00)
• Washed Loft color palette (#FFE7F4, #9EBEA0, #88A780, #7C659B, #521F3A)
• Aubergine Lagoon color palette (#FFE6E1, #A38046, #597329, #4D307A, #27011C)

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