Petrol Drift color palette — #E2FCF7 · #78C6CF · #007B8F · #005654 · #003948
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#E2FCF7): A whisper-light, dusty teal — the color of shallow lagoons.
- Aqua (#78C6CF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007B8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#003948): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Softworn Canyon color palette (#E1FCFA, #83C0E7, #0073B8, #005269, #003265)
- Dusty Petrol Balcony color palette (#F9EEF6, #87C8D0, #007DA1, #00543F, #001B34)
- Aged Denim color palette (#D1E6E3, #68ABB7, #006177, #003E3F, #002330)
- Wandering Dune color palette (#F5F7E4, #94EAF4, #00BFDB, #009893, #003948)
- Frosted Market color palette (#FFF2EC, #92D8E1, #009AC7, #00755A, #00345E)
- Airy Pine Summit color palette (#D0FEFF, #79DBC6, #00B5B2, #007837, #004838)
- Ancient Cerulean Drift color palette (#D5E4E2, #3F8BA8, #00425E, #002128, #000A16)
- Emerald Drift color palette (#C4EEEC, #009F52, #0072C5, #005F2E, #002F56)
Browse the whole catalog at Explore, or see today's palette.