Petrol Drift color palette — #EEF6FD · #4A8CAF · #5E5DA0 · #744200 · #263942
Built around Slate, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF6FD): a clean, paper-quiet neutral.
- Cerulean (#4A8CAF): A luminous, balanced blue — the color of deep harbor water.
- Slate (#5E5DA0): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#744200): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#263942): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.
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
- Washed Iris color palette (#F3F4FD, #9280BA, #776192, #604600, #243441)
- Tempered Market color palette (#E9F8FD, #409CA1, #2173A0, #7E342E, #1D3A3F)
- Chestnut Market color palette (#EDF7F9, #5DA7A1, #646BA2, #645200, #094D49)
- Tempered Plum color palette (#EDF4ED, #44A3AB, #9A5585, #75431A, #1B1C10)
- Mulberry Cabin color palette (#F2F5FF, #7A70AE, #8E3A6B, #2E4E00, #21263D)
- Hazy Chapel color palette (#EEF6FF, #1572C5, #7026AB, #4A3700, #002741)
- Aged Thicket color palette (#E8F3FD, #4384AE, #373C4C, #1C2A36, #11161C)
- Cerulean Basin color palette (#EFF6F9, #D9DAE0, #B6A7AA, #32909D, #4A5459)
Browse the whole catalog at Explore, or see today's palette.