Dusty Petrol color palette — #E0F3EF · #7BC6C8 · #007580 · #003E38 · #000304

Teal and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E0F3EF): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#7BC6C8): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000304): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Petrol 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

• Petrol Alley color palette (#E3F2F1, #85BEE7, #006AB4, #003B4E, #00020B)
• Antique Cerulean Loft color palette (#E7FAF7, #93D8EA, #0087A9, #005155, #000F18)
• Worn Periwinkle Balcony color palette (#DBF8FF, #87D8FB, #54A5ED, #005B61, #00070B)
• Wandering Villa color palette (#F9E7DE, #289BA0, #005265, #002D1C, #00050C)
• Timeworn Ultramarine Loft color palette (#D8F3F4, #00767A, #163CDC, #294E00, #000202)
• Patina Cerulean Meadow color palette (#F7E6F2, #67C1C4, #0091B1, #00704C, #001626)
• Olive Quarry color palette (#D8F5FF, #008F97, #736900, #004549, #010100)
• Turquoise Bloom color palette (#E6FAF7, #C2E3FB, #00ACCA, #007272, #002937)

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