Tempered Petrol Drift color palette — #E6F0F8 · #CCD9EB · #B0B6CE · #2B7AA1 · #242F37

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

The five colors

• Frost (#E6F0F8): bright and airy, almost weightless.
• Powder Blue (#CCD9EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#B0B6CE): A luminous, dusty violet — the color of wild irises.
• Slate (#2B7AA1): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#242F37): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered Petrol Drift 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 Cobalt color palette (#EFF7F4, #E3D3D0, #D1B2A6, #007FB7, #0D231C)
• Muted Denim Corridor color palette (#E7EEF5, #BBC3DE, #A3A1BC, #2F61A0, #17202B)
• Softworn Meadow color palette (#F2F5FF, #DDDAF8, #C8B4DB, #7663CE, #2E3240)
• Ash Workshop color palette (#DDEEFA, #96A3D6, #84799E, #3A6655, #1F4335)
• Aged Loft color palette (#F1F5FD, #DDD8E2, #C7BCC7, #7C90B1, #434850)
• Airy Plum color palette (#CEE5F9, #008FD3, #AC2A4F, #4E4200, #232000)
• Aged Corridor color palette (#F2DFE6, #BEA24F, #6D7928, #41547E, #13301E)
• Ancient Aubergine Courtyard color palette (#E5E5EE, #A9A0B5, #947D98, #582F72, #080716)

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