Tempered Petrol Station color palette — #FBF2F7 · #B8BAF3 · #A66D5A · #66679B · #4B2000

A conversation between Slate and Lavender, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Lavender (#B8BAF3): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#A66D5A): A full-bodied, dusty orange — the color of autumn markets.
• Slate (#66679B): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#4B2000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Softworn Delta color palette (#FDF2F5, #D7ADF0, #A0742E, #7C608C, #322D27)
• Cobalt Hollow color palette (#F6EFF4, #B7C1EB, #AE7162, #5F6CAD, #1F120C)
• Washed Powder Boulevard color palette (#FAF2FA, #93C4FF, #A26593, #496F9D, #3A292A)
• Iris Station color palette (#F1F5FE, #C5CEFD, #C88884, #7E87C3, #352A33)
• Dusty Mallow color palette (#F4F4FF, #D0A2E1, #A76D8D, #7E484C, #603D07)
• Lilac Drift color palette (#F9F6E2, #B598D8, #9C6473, #26655D, #584044)
• Gentle Blush color palette (#FFF1F0, #F087B8, #8E6700, #8F4066, #2A2317)
• Dusty Driftwood color palette (#FCF2F5, #E4D8D3, #AAAFA5, #9A7781, #595052)

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