Petrol Drift color palette — #E2F2D5 · #7DC4C3 · #2C8DAF · #1F68A0 · #62465B
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E2F2D5): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#7DC4C3): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#2C8DAF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#1F68A0): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#62465B): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Aged Turquoise color palette (#E1FDE2, #88DDEC, #18B5DA, #3C7EA1, #5F4C61)
- Patina Cerulean color palette (#D6F6FF, #6FC4D1, #0096BB, #185F81, #24364A)
- Muted Lagoon Archive color palette (#F7F8D6, #8CC3AE, #1B9188, #006A7C, #2D584D)
- Muted Veranda color palette (#EBF9F4, #8AB6D4, #C28973, #007BB1, #743C12)
- Ultramarine Veranda color palette (#CCF8F8, #00B1DB, #0073B5, #2C28D3, #3E317F)
- Muted Lagoon Grove color palette (#E8FBEF, #E9D7D1, #D7B997, #559188, #5D4C5C)
- Frosted Grove color palette (#C3F0E0, #93ADE7, #6F6DC4, #6E3B93, #613856)
- Muted Grove color palette (#CBE7E9, #008FBD, #005CA7, #3B0CA5, #381A5A)
Browse the whole catalog at Explore, or see today's palette.