Petrol Drift color palette — #FFF0FD · #57CBD5 · #0078A2 · #005932 · #0D2F68
Cerulean takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#57CBD5): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A2): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005932): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#0D2F68): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Gentle Sapphire color palette (#FFF0F7, #67C4ED, #0067DC, #00574D, #302861)
- Weathered Aqua color palette (#FDF0DC, #00D4E1, #007F98, #005346, #001D2B)
- Wandering Denim color palette (#F5EAF3, #6DAAB3, #005E86, #004028, #0C1C43)
- Ancient Cabin color palette (#EAFAED, #2DE4F2, #009CBA, #007463, #00384F)
- Tempered Sky Summit color palette (#FFF2EC, #79EFF9, #00BCEC, #009C73, #00355A)
- Patina Orchard color palette (#FAF3F7, #D5E1F3, #709FC2, #457B65, #475369)
- Faded Periwinkle color palette (#D6FFF7, #57E2D0, #43A8FF, #866200, #11472F)
- Navy Parlor color palette (#F4EAEF, #2F8CAC, #003C74, #00231C, #070227)
Browse the whole catalog at Explore, or see today's palette.