Dusty Petrol color palette — #CCF4E3 · #B0D2FF · #A49BD4 · #006D7A · #001B31

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

The five colors

• Honeydew (#CCF4E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Lilac Frost (#B0D2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#A49BD4): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001B31): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Patina Periwinkle Pier color palette (#DCF2DD, #93CEE5, #7EABE1, #006D5F, #022210)
• Denim Dune color palette (#FFE4F9, #C9C5FF, #B68FC1, #296390, #250B1E)
• Antique Lilac color palette (#E1F3FF, #C1D8FF, #AAA3FD, #008B98, #083451)
• Powdered Orchid Quarry color palette (#DEE8F6, #A5AFFF, #A269BC, #004E6E, #040C2B)
• Worn Wisteria color palette (#E5F5FF, #A7BEF0, #BE7FB6, #006C5D, #14375B)
• Hazy Fuchsia color palette (#F1F0FF, #DFBAFF, #F67FCA, #2B5DB5, #280C42)
• Weathered Petal color palette (#FDECFA, #ECCFCE, #E5BEEC, #5181A4, #3B2634)
• Plum Harbor color palette (#FFE4F6, #AE8EE2, #A25093, #02407E, #05001A)

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