Dusty Petrol color palette — #ECF4F1 · #E0D4D6 · #CBAEBA · #0E6B9D · #17231F

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E0D4D6): bright and airy, almost weightless.
• Rosewood Mist (#CBAEBA): A luminous, dusty rose — the color of a warm blush.
• Peacock (#0E6B9D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#17231F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Petrol Parlor color palette (#EEF8F5, #EBDBEA, #C2ABBC, #466788, #333D3A)
• Softworn Pier color palette (#EEF3EE, #CADAD9, #9BC1B7, #087470, #1C221B)
• Aged Bloom color palette (#FAEEF5, #E6CCD3, #CB9AB9, #5347B2, #27121F)
• Wandering Cerulean color palette (#F1F6FB, #DADAE4, #C2ACA9, #5E8EBE, #262F39)
• Weathered Pewter color palette (#F8EFF1, #E6D3C9, #DFB4A7, #855498, #2F2024)
• Hushed Navy Cabin color palette (#F2ECF2, #BFADB8, #AC7E8E, #00457B, #110613)
• Muted Fern color palette (#DFEEE7, #9AA3D2, #8D6A92, #555200, #2D2D04)
• Antique Courtyard color palette (#EFE7E8, #DCC5C3, #BC9B8E, #7B337B, #1E1214)

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