Dusty Petrol color palette — #D3ECCF · #81B399 · #329987 · #296997 · #172849

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

The five colors

• Honeydew (#D3ECCF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#81B399): A luminous, dusty teal — the color of sea glass.
• Fern (#329987): A luminous, balanced teal — the color of glacier melt.
• Peacock (#296997): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#172849): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged vintage, 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

• Emerald Quarry color palette (#E1DFD0, #9BA95D, #639352, #006C73, #002B3C)
• Teal Canyon color palette (#DAF4E8, #3CAE9F, #00858D, #364E8A, #181247)
• Tempered Canyon color palette (#CFE3E0, #7BCEDF, #00A2C5, #007C80, #002331)
• Powdered Turquoise color palette (#D2E3DD, #63D1C9, #00B1C1, #5E75BE, #3E3669)
• Washed Orchard color palette (#D4E9E7, #68BB93, #009476, #656831, #002021)
• Patina Cypress Courtyard color palette (#E8E0CC, #819C64, #0A7C67, #5F3751, #461636)
• Weathered Azure Veranda color palette (#CFF3FB, #7EC4E3, #6698C6, #7D698F, #403656)
• Airy Canyon color palette (#D3E5E5, #00A675, #008FBD, #877400, #00170D)

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