Dusty Petrol color palette — #FEF1F5 · #D9D3DE · #8DA5DB · #007D8A · #2D274F

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

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Silver (#D9D3DE): bright and airy, almost weightless.
• Mauve (#8DA5DB): A luminous, balanced violet — the color of wild irises.
• Teal (#007D8A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#2D274F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Muted Pine color palette (#FAF3F8, #D4D5E3, #50B4D7, #008360, #0F314C)
• Airy Azure Hollow color palette (#FFF0F8, #D8D6ED, #329EFD, #007270, #131563)
• Cerulean Pier color palette (#F3F7ED, #C1EBDE, #7BB5FA, #0098CB, #213965)
• Softworn Petrol Alley color palette (#F9E9F3, #72C4DB, #006EA2, #003F37, #00020F)
• Lagoon Loft color palette (#E3FAFF, #D5DCE8, #B9A9AE, #5E9A70, #053443)
• Washed Cobalt Dune color palette (#E7F5F5, #A7CCEE, #457EC2, #005677, #0D203C)
• Dusty Cerulean color palette (#FBF2F6, #D8D4DE, #BFBDE1, #5B9EA5, #444C65)
• Muted Denim color palette (#EFE1EA, #63B2AD, #005F6E, #002D16, #000103)

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