Petrol Drift color palette — #EAF4F5 · #CEDAE4 · #B1BFCD · #4F7E83 · #232E2F

Built around Slate, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EAF4F5): bright and airy, almost weightless.
• Silver (#CEDAE4): a clean, paper-quiet neutral.
• Ash (#B1BFCD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4F7E83): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#232E2F): a grounded near-black with real depth.

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

Use it as a design system

One click turns 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

• Tempered Powder color palette (#D8F3FF, #93BDD7, #6686A3, #575671, #3A3549)
• Softworn Lagoon Studio color palette (#F3F6EF, #D1DFDA, #B4C4C1, #3C846B, #454942)
• Softworn Abyss color palette (#E0F3F6, #8DA4AB, #5B8391, #004039, #000507)
• Aged Cypress color palette (#E8F4F8, #B9DAE7, #8AB2C6, #006969, #0B1D21)
• Softworn Archive color palette (#E6F7EB, #BAB778, #737A44, #385D56, #172C23)
• Muted Villa color palette (#E1E8F2, #A9B4C8, #858DA3, #234277, #050B15)
• Wandering Seafoam Drift color palette (#DBF8FF, #6CFFD6, #31DBD3, #259CB3, #022831)
• Gentle Teal Delta color palette (#D4FCF3, #1FB3A3, #007984, #3B4173, #05272F)

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