Tempered Petrol Workshop color palette — #E7FBF2 · #D2B0D7 · #BB8371 · #367699 · #4F4159

A conversation between Slate and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E7FBF2): A whisper-light, dusty teal — the color of glacier melt.
• Lavender (#D2B0D7): A luminous, dusty pink — the color of a candy shop window.
• Caramel (#BB8371): A luminous, dusty orange — the color of toasted spice.
• Slate (#367699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4F4159): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Petrol Workshop 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

• Patina Market color palette (#E7FAF8, #ADBCEC, #B67F9C, #207E7A, #44465A)
• Wandering Taupe color palette (#EBFAEC, #E8ACAB, #A09259, #5F6C9B, #56404C)
• Ancient Petal Lantern color palette (#F9F6DF, #FFC8F7, #C9947A, #457B8F, #4F3936)
• Washed Cerulean color palette (#F6F3FF, #D3CEDE, #B9A9BC, #698BA5, #494E65)
• Ancient Bronze color palette (#FDF4E5, #D98F9E, #A86341, #1A6758, #4E4643)
• Washed Taupe Balcony color palette (#F7EFF6, #C98782, #4D5D4C, #41333F, #232027)
• Patina Denim color palette (#E1FDEA, #E383BC, #BF6D13, #0050A8, #55232A)
• Ancient Mustard color palette (#FAF2FB, #E2D8E1, #F4C1A4, #DAB256, #5D4055)

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