Petrol Drift color palette — #FAE4DD · #56B0B7 · #007FA9 · #006134 · #00081F
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Rose Water (#FAE4DD): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#56B0B7): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006134): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Ancient Market color palette (#EDDCD4, #6FBFC8, #008EC2, #007144, #000D3E)
- Cobalt Archive color palette (#E8DDD5, #79A8BF, #3371CF, #005E54, #0A0028)
- Softworn Hollow color palette (#DDEDE0, #58A0A4, #006374, #003D31, #000B12)
- Faded Azure Canyon color palette (#EAEAD8, #57BDA8, #3F9CE1, #826A00, #000E09)
- Softworn Grape Boulevard color palette (#EAF4D9, #2CA971, #7D30B3, #00653F, #0C0017)
- Worn Iris Coast color palette (#F0E5DA, #90C7F2, #718AED, #007D7D, #261240)
- Timeworn Lagoon Coast color palette (#EBDFEA, #378689, #004257, #00210B, #000105)
- Muted Quarry color palette (#E3F2E8, #00A576, #007841, #00401D, #000201)
Browse the whole catalog at Explore, or see today's palette.