Tempered Petrol color palette — #DDF4FC · #6599AB · #606191 · #422E00 · #051200

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

The five colors

• Frost (#DDF4FC): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6599AB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#606191): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#422E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#051200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Softworn Iris Garden color palette (#D0EEFE, #8090CB, #73517D, #263200, #000E0A)
• Cobalt Lagoon color palette (#D4F0FF, #4E70BD, #6A336E, #263303, #161F00)
• Indigo Courtyard color palette (#E2E7F4, #6C62B1, #51366E, #460A1A, #170000)
• Violet Quarry color palette (#DBE2FF, #918CBF, #8C59B0, #763F44, #290E25)
• Wandering Archive color palette (#DCDFF8, #BD94BC, #A4595D, #004841, #001823)
• Ultramarine Grove color palette (#F7ECE3, #80C0E4, #0064C7, #003E3F, #020013)
• Antique Quarry color palette (#E4E3C8, #599F79, #005A52, #003043, #000201)
• Hushed Cypress color palette (#FFEFFF, #C2ABDD, #A9778C, #007053, #002F36)

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