Dusty Petrol color palette — #F0F7F4 · #E2D7D9 · #C4ACB5 · #0B6AA0 · #303E3A

Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E2D7D9): bright and airy, almost weightless.
• Rosewood Mist (#C4ACB5): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#0B6AA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#303E3A): quiet, heavy and certain.

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

• Washed Cerulean Dune color palette (#F8F3F9, #E1D6D9, #D2B7BC, #5984B1, #403742)
• Tempered Petrol Orchard color palette (#ECF3F9, #D5D4E2, #ADB7CC, #366899, #1A2129)
• Hushed Grape color palette (#FEF1F8, #DFCDD1, #C19C9B, #5A37C3, #3F2C37)
• Wandering Veranda color palette (#FDF3E9, #AC9870, #5A6A2B, #3A4874, #38352E)
• Washed Villa color palette (#FBF3F4, #E7D6CD, #D6B3A8, #8B4D9B, #52373D)
• Navy Chapel color palette (#EFE9EF, #C2B4BC, #A6838D, #004384, #281929)
• Hushed Mulberry color palette (#F6EBED, #D9C7C5, #B8998B, #7B3576, #3E262A)
• Patina Abyss Terrace color palette (#CCF2DA, #89A79E, #8F6C7C, #59572B, #244F33)

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