Tempered Petrol color palette — #ECF4F1 · #E8D5D7 · #D6B5BD · #0072AA · #172924

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E8D5D7): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D6B5BD): A luminous, dusty red — the color of embers at dusk.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#172924): A deep, shadowed, dusty teal — the color of sea glass.

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 Petrol Atelier color palette (#EEF8F5, #EAD8DC, #D7AFC4, #2E6EA6, #33443F)
• Denim Alley color palette (#EDE7ED, #D5C7CE, #B59C9F, #0054A1, #1E0F1F)
• Lapis Loft color palette (#F8EFF3, #E0D3CE, #D8B6B0, #6D53C4, #301F28)
• Weathered Azure color palette (#F0F6FC, #DAD9E3, #B9ADB6, #3597E9, #253748)
• Hushed Driftwood Parlor color palette (#F7EFF1, #DCD6D1, #B0B1A5, #9774A0, #3C3335)
• Smoked Lapis Terrace color palette (#F1E5EE, #4957DE, #3B1A42, #1E0519, #000503)
• Sunlit Forest Thicket color palette (#A9F1E9, #6DB5CE, #746E9C, #1B5F26, #003A35)
• Lapis Boulevard color palette (#F7F4D0, #00A3B6, #5B4FB3, #314600, #001F30)

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