Dusty Petrol color palette — #F5F1EB · #C9E1E5 · #849CCC · #007695 · #452D3D

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C9E1E5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#849CCC): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#452D3D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, 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

• Wandering Orchard color palette (#F5F1EB, #CADFDD, #6FA4C0, #007B78, #133F35)
• Muted Ash color palette (#F2F7F1, #DADDED, #8B95CB, #337B7E, #4F5068)
• Washed Petrol Orchard color palette (#EDE8E1, #88BDCF, #0073A5, #004B4C, #001630)
• Powdered Denim color palette (#E8E0D2, #75A1C6, #1C54A9, #003744, #050031)
• Muted Veranda color palette (#F8F1E5, #9FDBE7, #0090B8, #00635B, #002840)
• Washed Bronze Hollow color palette (#FAF0E4, #CDAD85, #749ED7, #9A6500, #3F2740)
• Abyss Boulevard color palette (#EDE4D6, #4A8386, #004350, #002019, #000103)
• Ancient Cerulean Boulevard color palette (#F9F4EF, #E6D0CE, #C1C8FA, #34A3AC, #5F444E)

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