Dusty Petrol color palette — #EEE8DF · #97BEAA · #0073A7 · #004B4D · #001532

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

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Sage (#97BEAA): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001532): 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

• Softworn Cobalt color palette (#F6F1E9, #AFD0C3, #4B80B4, #005A65, #101E41)
• Ancient Ridge color palette (#F8EAF2, #86BACE, #0069BC, #005143, #28294E)
• Ultramarine Bloom color palette (#EEE7DB, #78A89A, #1650B6, #003745, #06002F)
• Lilac Pier color palette (#D8F8EA, #E0C1DF, #9B8FD1, #006778, #00182E)
• Linen Mulberry Courtyard color palette (#CEECE0, #0074A2, #A90964, #4B5100, #000C16)
• Tempered Abyss Terrace color palette (#EBE4DA, #6E9579, #005267, #002C27, #00050B)
• Bronze Drift color palette (#D6EEE2, #008CB5, #A64E00, #004E67, #220A00)
• Timeworn Corridor color palette (#DCEFFF, #49A0DD, #005C86, #002A42, #00050B)

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