Petrol Drift color palette — #D7FDDC · #73B6C2 · #007F9C · #005675 · #003F63
Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D7FDDC): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#73B6C2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007F9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005675): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003F63): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Sunlit Glacier color palette (#CCFEFF, #68E8F9, #4FC1E1, #388CAD, #004060)
- Lagoon Dune color palette (#ECF7CA, #75B899, #008970, #005F54, #004745)
- Gentle Petrol Basin color palette (#DCFFEB, #6ED8D3, #00A1C1, #0C6BA6, #243273)
- Airy Aubergine color palette (#F2F8E3, #5DA4B3, #0072A1, #5F3880, #204634)
- Hushed Chapel color palette (#DCF3FF, #79B1DB, #4A7CB9, #214BA9, #2D3188)
- Ancient Dune color palette (#F2F7F1, #D2DEDB, #B3C4C1, #008680, #414B3F)
- Softworn Coast color palette (#DBEDF1, #007E9C, #003E56, #001B2F, #060418)
- Hazy Loft color palette (#FCF1FC, #648BBD, #6D5591, #752554, #58271C)
Browse the whole catalog at Explore, or see today's palette.