Dusty Petrol color palette — #F5EBF2 · #7ABEC6 · #007394 · #00523D · #063051

Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F5EBF2): a clean, paper-quiet neutral.
• Ash (#7ABEC6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#063051): 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 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

• Washed Petrol Pier color palette (#E9EBDB, #64C4D0, #00788C, #004B4A, #001922)
• Hazy Sapphire Cabin color palette (#F7EBEF, #8DB7D4, #2463C6, #004F53, #28294F)
• Cerulean Coast color palette (#E5F2EF, #82D3DE, #0096AF, #006C6A, #003442)
• Pale Harbor color palette (#D8F4FF, #9BCDFB, #9F85E1, #006955, #13354A)
• Powdered Cornflower color palette (#FCF2F6, #99D8F9, #007EED, #006667, #353B69)
• Hushed Lagoon color palette (#F0E3EB, #1FA39E, #005360, #003218, #001623)
• Soft Summit color palette (#C5E4F0, #008F9C, #B43D00, #00535B, #4A1400)
• Onyx Bloom color palette (#EEE0E7, #4C8A9F, #004067, #00231F, #01002F)

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