Petrol Drift color palette — #EEF6FF · #D8D8E3 · #94BBEE · #4C71A9 · #152B49
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Silver (#D8D8E3): a clean, paper-quiet neutral.
- Sky (#94BBEE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4C71A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#152B49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Timeworn Petrol Workshop color palette (#E8F8FF, #D1DAE6, #65C2D1, #007A8B, #002D33)
- Wandering Coast color palette (#F4F4FF, #DDD6E0, #C1A7DD, #725794, #322145)
- Powder Villa color palette (#FFF0FF, #A0C9FF, #5E82B2, #395276, #422C41)
- Basalt Chapel color palette (#EEEBFF, #D9CBC4, #AEBAC1, #484C61, #262831)
- Driftwood Balcony color palette (#F2F5FD, #E8D2CE, #847FB0, #3D4463, #181B24)
- Muted Grove color palette (#EBF7FF, #84CFED, #B2B374, #5C915D, #24343E)
- Tempered Aubergine Garden color palette (#F4F4FF, #BFB9FF, #7C63E1, #3E0092, #06001A)
- Misty Archive color palette (#F6F3FF, #E0D0FF, #9978D6, #5E2E94, #180032)
Browse the whole catalog at Explore, or see today's palette.