Dusty Petrol color palette — #E5F2E8 · #7EC4CD · #00738D · #003F37 · #000306

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

The five colors

• Cream (#E5F2E8): bright and airy, almost weightless.
• Ash (#7EC4CD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): 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

• Chalky Sapphire Loft color palette (#E4F3E7, #83BFE6, #0067BF, #003C46, #000015)
• Antique Cobalt Station color palette (#EDF9EF, #88D9F6, #0083BD, #005153, #000C20)
• Patina Denim Workshop color palette (#F4E2DA, #54969E, #00516A, #002D21, #00040E)
• Jade Pier color palette (#D5EDE0, #00AF80, #005E44, #001A0F, #000201)
• Muted Cerulean color palette (#EEF8F0, #ADF4F9, #00A3BF, #006C5A, #002231)
• Aqua Harbor color palette (#F5E4F2, #0BC6D7, #008EC3, #007145, #010F39)
• Patina Turquoise color palette (#EFF8F0, #D3D7E9, #35B5E3, #008078, #173146)
• Tempered Fern Loft color palette (#C1F7F5, #74EAD1, #00AEC1, #2D5C00, #000809)

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