Petrol Drift color palette — #DBE8DE · #6EADB0 · #008297 · #005F4D · #000B12
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#DBE8DE): a clean, paper-quiet neutral.
- Blue Fog (#6EADB0): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008297): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005F4D): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Linen Balcony color palette (#D8E4DA, #72A7CE, #3674C4, #005B6C, #03002E)
- Denim Chapel color palette (#EADEE9, #5E9FA1, #00617E, #003F1A, #00091C)
- Muted Lagoon color palette (#EEE6D9, #00898E, #00434F, #002018, #000103)
- Antique Turquoise Alley color palette (#CEF7F3, #47BEA3, #00ACBE, #617623, #000F07)
- Wandering Periwinkle Harbor color palette (#D9E9DC, #A1C4E4, #5792E9, #007991, #12164D)
- Emerald Atelier color palette (#D4F5E2, #00A35E, #007A44, #003F1F, #000201)
- Quiet Courtyard color palette (#E8F1EA, #A3DEF2, #39B0ED, #009092, #0A2F52)
- Aged Emerald Harbor color palette (#D7EBE8, #37AC36, #9C47B1, #09510B, #0E0013)
Browse the whole catalog at Explore, or see today's palette.