Petrol Drift color palette — #E8F5F4 · #C7E0F1 · #6294B5 · #006A7D · #102E48
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E8F5F4): a clean, paper-quiet neutral.
- Powder Blue (#C7E0F1): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6294B5): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006A7D): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#102E48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Weathered Cypress color palette (#DCF2ED, #63AAAC, #00646D, #003A34, #000D11)
- Washed Denim color palette (#EAF4F4, #B3CAE2, #587EAF, #005678, #0E203C)
- Denim Drift color palette (#E0EFEF, #5091BF, #004B84, #002938, #000412)
- Cypress Coast color palette (#FAF4EF, #C7E4D7, #648DBC, #007170, #5A3C53)
- Lagoon Cabin color palette (#DCF8FE, #C5D4F3, #AABEE2, #498878, #173941)
- Lagoon Alley color palette (#D8F9FF, #2FA194, #4E83B8, #667234, #002329)
- Tempered Cypress color palette (#E0F8F2, #71CDCA, #008188, #005347, #001F23)
- Tempered Alley color palette (#DBF8FB, #62B69F, #AF8546, #007660, #382200)
Browse the whole catalog at Explore, or see today's palette.