Petrol Drift color palette — #E1F3EC · #007AAA · #6E6200 · #004D5B · #0B2D23

Cerulean takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E1F3EC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#007AAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#6E6200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004D5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#0B2D23): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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

• Faded Indigo Veranda color palette (#FFECF4, #7D63C0, #4E5B00, #004348, #062939)
• Pale Forest Summit color palette (#E7F3E0, #00846C, #785D00, #005414, #1D2B12)
• Pale Iris color palette (#FFF0FB, #738CE4, #566A00, #005C76, #3F2B3B)
• Dusty Crimson Terrace color palette (#FFF2EF, #D9005B, #007675, #005555, #422019)
• Pale Plum Lantern color palette (#FDE9EB, #9E4B98, #4D6D00, #004C65, #381D22)
• Washed Lagoon color palette (#FFF1F4, #A87FB1, #598E57, #486085, #49383C)
• Lapis Studio color palette (#F8DAF0, #3C3FFF, #006668, #00435D, #141C40)
• Weathered Grape color palette (#FFF1F5, #78449F, #723400, #003E39, #321621)

Browse the whole catalog at Explore, or see today's palette.