Tempered Petrol color palette — #ECF4F1 · #E0D4D6 · #CCADBE · #25699E · #172320

Peacock takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E0D4D6): bright and airy, almost weightless.
• Rosewood Mist (#CCADBE): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#25699E): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#172320): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Cypress color palette (#EEF4EE, #CADAD8, #A1BFB4, #007376, #19241A)
• Petrol Delta color palette (#EEF6FE, #DAD7E7, #B2B0C8, #2C6A8E, #303C46)
• Cerulean Balcony color palette (#EFF8F4, #DFD4D0, #A2A79A, #4B92BD, #26312D)
• Grape Grove color palette (#FAEEF4, #E5CCD3, #C79BC2, #5F39BE, #25141D)
• Navy Loft color palette (#E4DEE4, #BCAFB7, #A98092, #014089, #120612)
• Weathered Byzantium Basin color palette (#F8EFF1, #E7D3C8, #DDB4AD, #94469E, #311F23)
• Softworn Driftwood color palette (#F7EFF2, #DED4D2, #B5AEA2, #9E7586, #3C3337)
• Softworn Driftwood Atelier color palette (#F8E3F5, #9A97C8, #946992, #5E4618, #322D16)

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