Tempered Petrol color palette — #FEF0FC · #DBC18B · #5A71A1 · #324165 · #2A1D28

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

The five colors

• Blush (#FEF0FC): A whisper-light, dusty pink — the color of a candy shop window.
• Sand (#DBC18B): A whisper-light, dusty gold — the color of honey in a jar.
• Slate (#5A71A1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#324165): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#2A1D28): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Muted Quarry color palette (#EAF9F5, #D8C192, #4B769D, #1A4C41, #132621)
• Driftwood Garden color palette (#FEF1F6, #E3CEAC, #81769D, #614250, #34272D)
• Worn Canyon color palette (#EFF6FF, #FDE2AB, #5C75AB, #263955, #09101A)
• Ancient Lagoon color palette (#F0F5FD, #EDD299, #7493D8, #516387, #1C222B)
• Ancient Market color palette (#FDF1FB, #C3AB85, #394F81, #192B58, #281E27)
• Byzantium Station color palette (#FFF1F4, #DBB562, #8C499B, #4F2957, #2C1018)
• Antique Grape color palette (#F9DBEB, #D5A211, #5A3BC0, #2D2060, #0F0928)
• Dusty Peony color palette (#FDF1F8, #B7BEFF, #C57095, #7278C1, #321E1D)

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