Dusty Petrol color palette — #F2E6E1 · #7FBFCC · #0074A0 · #004D3F · #001533

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

The five colors

• Parchment (#F2E6E1): bright and airy, almost weightless.
• Ash (#7FBFCC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001533): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Petrol color palette (#EEF0E3, #97BCA2, #00748D, #004F51, #003345)
• Timeworn Cobalt Studio color palette (#FAEFE9, #A5D4BC, #3E81B8, #005C56, #30142D)
• Washed Denim color palette (#EAE1D9, #74A3BF, #0155AC, #00393B, #07012D)
• Soft Cerulean color palette (#F4ECF1, #97CFDC, #1E91C5, #006E5D, #072C5C)
• Lagoon Pier color palette (#F7EAE4, #41999B, #005264, #002D1B, #00050B)
• Antique Grove color palette (#F8F0EC, #C7E6E3, #75A2C2, #3A776E, #432E41)
• Soft Plum color palette (#F9E0EE, #AD2F85, #007144, #005A45, #1B0011)
• Amber Garden color palette (#FFE0E1, #EFABB1, #D08F59, #604783, #300816)

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