Petrol Drift color palette — #EFF8F3 · #CCDDDE · #A6B8B3 · #246D86 · #313E37
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF8F3): a clean, paper-quiet neutral.
- Silver (#CCDDDE): bright and airy, almost weightless.
- Ash (#A6B8B3): A luminous, dusty teal — the color of sea glass.
- Peacock (#246D86): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#313E37): 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 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
- Worn Drift color palette (#EDF4F0, #CAD9DC, #C3B1BD, #007087, #14251B)
- Cerulean Meadow color palette (#F0F6FA, #D7D9E4, #C0BBD3, #008FAA, #303D43)
- Timeworn Dune color palette (#FDF2F6, #E6D5D1, #D3B2B8, #755B9A, #4C3A41)
- Dusty Grove color palette (#FAF3F7, #E0D7D7, #B1ACA3, #95778B, #594F55)
- Denim Atelier color palette (#DDEBE5, #ADBDB8, #9B869A, #004A6A, #09251C)
- Cypress Delta color palette (#F4F7E7, #72A98A, #0E7459, #3D5238, #2E3C00)
- Ultramarine Atelier color palette (#FCF2F9, #DECDD7, #C199AD, #344DB9, #402B3C)
- Cocoa Summit color palette (#FCE4FA, #939EC9, #7D76A0, #6F4C48, #5B3600)
Browse the whole catalog at Explore, or see today's palette.