Petrol Drift color palette — #E0FDF3 · #DBD7E3 · #84C0EC · #2771A2 · #002B44
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E0FDF3): A whisper-light, dusty teal — the color of glacier melt.
- Silver (#DBD7E3): bright and airy, almost weightless.
- Sky (#84C0EC): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2771A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002B44): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Powder Canyon color palette (#EDF7FF, #CFDBFA, #76C2F1, #538FB4, #1D3B52)
- Timeworn Petrol color palette (#E4FDE9, #BAE9DF, #68C8D1, #007A8A, #0F3620)
- Hushed Petrol Pier color palette (#FFF0F9, #DFD2D7, #B3ABE6, #6C60A2, #2A2549)
- Weathered Courtyard color palette (#D0FEEE, #8FD2FF, #538DB5, #1D4F6A, #00271C)
- Worn Ultramarine Chapel color palette (#F0F5FF, #D2E0FF, #5993FF, #004DB5, #001439)
- Tempered Cerulean color palette (#F9F3F8, #CEDDCD, #7385B0, #573C53, #221720)
- Aged Harbor color palette (#D7E9FC, #3B87D2, #004180, #281B22, #000814)
- Celadon Canyon color palette (#F1FFA3, #E0F1FF, #D5D4C9, #325048, #1F2B27)
Browse the whole catalog at Explore, or see today's palette.