Petrol Drift color palette — #E3EBE5 · #99B9B5 · #84A0C8 · #00818B · #07180B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E3EBE5): bright and airy, almost weightless.
• Ash (#99B9B5): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#84A0C8): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#07180B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Hushed Pine Coast color palette (#E4E8DB, #A4B4AA, #6EA7B0, #008750, #111602)
• Antique Abyss Lantern color palette (#DDE3DD, #A1BCAE, #7798BF, #005F5F, #09180A)
• Hushed Petrol color palette (#E6F2ED, #92A4A7, #AC8CAA, #006B99, #000D08)
• Abyss Lantern color palette (#E9EFE9, #92A59C, #8A7486, #003F3E, #010601)
• Wandering Lantern color palette (#E0F2F7, #BFD3E0, #90A9C5, #00595A, #000305)
• Cobalt Coast color palette (#CEE6D9, #00CADA, #00B3E2, #0085E0, #00090F)
• Hushed Summit color palette (#EDE3E9, #CDBABA, #CA98A2, #7575C9, #291A23)
• Faded Field color palette (#E8EFD7, #0097BA, #006DAA, #691885, #000D15)

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