Dusty Petrol color palette — #E9F5F1 · #EDD6DE · #CEB7CB · #0472AA · #122A23

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

The five colors

• Ivory (#E9F5F1): a clean, paper-quiet neutral.
• Silver (#EDD6DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Rosewood Mist (#CEB7CB): A luminous, dusty pink — the color of a candy shop window.
• Slate (#0472AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#122A23): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Dusty Petrol Dune color palette (#E9F5EF, #C5DBDC, #98CCBD, #007695, #152A20)
• Antique Ridge color palette (#F6EFF3, #E4D4D4, #D1B7B4, #706EA3, #312A2E)
• Timeworn Boulevard color palette (#ECF7FF, #D8D7E8, #B5BBD2, #00739F, #32424D)
• Washed Denim color palette (#EDE7ED, #D2C8D1, #B998AF, #26568C, #1B131C)
• Azure Archive color palette (#F0F7F4, #E4D3CF, #BEC0AF, #009ED7, #2A3933)
• Muted Veranda color palette (#EDF6E2, #55BDA4, #007C72, #00575D, #152608)
• Antique Grape color palette (#F9EEF2, #EBCAD1, #CD9CA3, #7634A6, #25141A)
• Weathered Pier color palette (#DCDFFF, #B9A7E4, #9C66AE, #7A3D41, #412615)

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