Tempered Petrol color palette — #FDDAD5 · #D1B0AC · #AF8264 · #5B669C · #5C3852

Slate and Caramel set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#FDDAD5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#D1B0AC): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AF8264): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5B669C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#5C3852): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Timeworn Pewter color palette (#FED6D4, #D8AE97, #8F9460, #865D85, #62393F)
• Driftwood Parlor color palette (#FFE9F4, #95B897, #818244, #315870, #3D3B52)
• Wandering Bloom color palette (#FDF4E7, #B1BA8B, #4D9261, #70558C, #37362F)
• Softworn Cocoa color palette (#FFF2EB, #E1CEC0, #ABA78C, #9D7678, #7A4119)
• Aged Harbor color palette (#FFE7F7, #B68482, #826F35, #57377F, #391630)
• Washed Lagoon color palette (#FDE4C6, #9FAE7A, #2B9187, #82423D, #572926)
• Iris Hollow color palette (#F8EDDB, #C7A24D, #8A86EF, #8F6C00, #302C64)
• Quiet Garnet Villa color palette (#FFDDD6, #917841, #0B603E, #551326, #260002)

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