Dusty Petrol color palette — #E6FAF7 · #A8ECE3 · #5AB1BE · #686CA6 · #2A444B

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

The five colors

• Ivory (#E6FAF7): A whisper-light, dusty teal — the color of sea glass.
• Sea Foam (#A8ECE3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5AB1BE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#686CA6): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#2A444B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged retro, 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

• Ancient Villa color palette (#E6FBF2, #CAE7BD, #7DAF92, #337C9B, #274642)
• Aged Pewter Coast color palette (#FCF1FF, #BBE3FF, #84A2D8, #935D8A, #324150)
• Teal Delta color palette (#F7F7E2, #5FBBA6, #418386, #6B4F65, #3F4C3B)
• Turquoise Garden color palette (#FFF0FA, #9FE2BC, #5EBDD6, #AE7D80, #374C4F)
• Patina Villa color palette (#E8F9FD, #67C0BC, #405962, #1A2F34, #091112)
• Patina Bronze Lantern color palette (#ECF8F9, #97DCC8, #5EA4C1, #866523, #294018)
• Softworn Cobalt color palette (#DFFCFB, #58C4F4, #3581CD, #6F3676, #01243B)
• Muted Ash Quarry color palette (#ECF7FF, #D8D9E4, #B6BFD2, #998EAC, #594B61)

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