Tempered Petrol color palette — #EEF2F8 · #D7D4E4 · #B1B6CB · #436691 · #1B2128

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#D7D4E4): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B1B6CB): A luminous, dusty violet — the color of wild irises.
• Slate (#436691): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1B2128): a grounded near-black with real depth.

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

• Hushed Petrol Harbor color palette (#EEF8F5, #EDDBE5, #C2ADB1, #39688F, #323E3A)
• Softworn Mulberry Atelier color palette (#F3F0FA, #DFD2D9, #D1B4D5, #914F8A, #26222F)
• Aged Cerulean color palette (#F0F6FB, #DDD9E3, #BEB3AB, #4E90C7, #272F38)
• Washed Grape Parlor color palette (#EFF1FB, #D3D1E4, #C69DB9, #6A3BAE, #171829)
• Pewter Hollow color palette (#DDE9FF, #AA9AC8, #965F89, #3A5440, #142E27)
• Hushed Navy Loft color palette (#DBE0E9, #AEB3C1, #888AAC, #183896, #030A19)
• Dusty Olive Lantern color palette (#E8F6ED, #9DA577, #457321, #1E4B64, #002319)
• Soft Orchid color palette (#EBF2FF, #8ACAFF, #7E99FF, #9C51B1, #191235)

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