Petrol Drift color palette — #C5E9E6 · #007983 · #005467 · #003040 · #000B16

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

The five colors

• Honeydew (#C5E9E6): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007983): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005467): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#003040): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000B16): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Obsidian Petrol color palette (#BCE9ED, #007E8E, #004554, #001922, #000103)
• Weathered Terracotta Hollow color palette (#D1F0E0, #007492, #943500, #003F50, #100200)
• Pine Study color palette (#E2F3E1, #008653, #005744, #002D26, #000F0F)
• Petrol Pier color palette (#CAEFFB, #0078AB, #004F84, #001F58, #070032)
• Violet Studio color palette (#CAEADA, #7CA2D0, #7C63E6, #005D64, #000F1E)
• Pale Atelier color palette (#CBECDD, #006082, #8B0058, #3F4000, #000204)
• Frosted Azure color palette (#BFE8F0, #00AFE2, #007CB5, #00539A, #1B2958)
• Wandering Workshop color palette (#F7E7D0, #816E00, #5A4000, #371D00, #030400)

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