Dusty Petrol color palette — #E8F1EA · #81BCCC · #007299 · #00504D · #003052

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

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Ash (#81BCCC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#003052): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Cobalt Workshop color palette (#F1F7F2, #ADC9DC, #307FB4, #005F65, #1C3A64)
• Aged Veranda color palette (#F2E5ED, #80BFCE, #0071AF, #004D39, #0C1136)
• Pale Sky Lagoon color palette (#F6EDE0, #97E0F4, #03B3EE, #00918D, #003052)
• Muted Parlor color palette (#E8F3EA, #489EA3, #005362, #003127, #001721)
• Muted Cypress Villa color palette (#F1F7F2, #D5DEF0, #6DA0C0, #1C7D7F, #41546A)
• Cocoa Dune color palette (#EED6E5, #B96345, #00778E, #7E2800, #002F39)
• Ancient Fern Boulevard color palette (#D0E6DB, #7D9053, #5B5900, #453500, #002B26)
• Soft Nightshade Thicket color palette (#FEDCEE, #AC4900, #007052, #4D29AF, #371300)

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