Petrol Drift color palette — #DDF1FF · #007DA5 · #865200 · #513000 · #000103
Built around Cerulean, softened by Coffee — the whole palette hums with trust and stability.
The five colors
- Frost (#DDF1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007DA5): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#865200): A full-bodied, balanced gold — the color of old brass.
- Espresso (#513000): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Cobalt Garden color palette (#EFF6FF, #0068BA, #6D2E00, #431E00, #000201)
- Faded Summit color palette (#E4EFFF, #0C65F4, #6D6000, #413900, #000107)
- Powdered Bronze Pier color palette (#CBE6F6, #0099C1, #B26C00, #8C5300, #001017)
- Worn Mulberry Chapel color palette (#CFF6FF, #00847E, #A62356, #6C0031, #000201)
- Hazy Harbor color palette (#EBF3FF, #3569FF, #8B2200, #1F2900, #010200)
- Hushed Dune color palette (#CEEBDF, #00587D, #82010E, #342600, #000F1A)
- Ancient Terrace color palette (#EEF6FF, #2B92FE, #8B8000, #4D5C00, #000C21)
- Mulberry Lagoon color palette (#FBE7FB, #004EA6, #790057, #342500, #000209)
Browse the whole catalog at Explore, or see today's palette.