Petrol Drift color palette — #D0E8D8 · #007184 · #012D1E · #001106 · #000301

Teal takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#D0E8D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007184): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#012D1E): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001106): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Antique Cobalt Dune color palette (#DCF0E8, #007EB2, #183831, #001B13, #020805)
• Violet Villa color palette (#D8E8E2, #2984B9, #8058A8, #006B57, #001912)
• Cobalt Quarry color palette (#F4EAF2, #7081B2, #493441, #261A23, #100A10)
• Smoked Courtyard color palette (#F5E9F4, #3660B4, #37182F, #180417, #040105)
• Patina Olive color palette (#F5F2E5, #96A878, #4B7132, #255133, #201D02)
• Nocturne Aubergine color palette (#F3DBE4, #6A2FA5, #250E2E, #1F110A, #110006)
• Cobalt Summit color palette (#F0F3EA, #ACD1C5, #427FC0, #005774, #081E44)
• Washed Garnet Market color palette (#C5E7DC, #BC9BB9, #7073A0, #683255, #3D1F1B)

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