Petrol Drift color palette — #E6F1E8 · #80C2D8 · #006F9D · #003E3E · #000309

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E6F1E8): bright and airy, almost weightless.
• Sky (#80C2D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006F9D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000309): 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 Boulevard color palette (#E3EDE5, #6EAFAE, #00606B, #002D20, #000102)
• Airy Cornflower Ridge color palette (#EFF8F0, #9ED3F7, #007AE0, #004F5C, #03072B)
• Weathered Lantern color palette (#E4F2E7, #89BCEE, #1650F1, #003B4C, #020013)
• Cobalt Cabin color palette (#F6E3EE, #53C0DF, #0087E0, #006F59, #0D0A3A)
• Dusty Periwinkle color palette (#EFF8F1, #D9D5E1, #5DAEE9, #007E85, #1C2F47)
• Weathered Corridor color palette (#DFDAFB, #7232E2, #8A4100, #004F3E, #020008)
• Weathered Peony Meadow color palette (#EFF2FF, #EBBCFF, #F55EB6, #2D4FA7, #090013)
• Lapis Ridge color palette (#E3EEFC, #4F7AFF, #4300EA, #2E0067, #020006)

Browse the whole catalog at Explore, or see today's palette.