Dusty Petrol color palette — #EFF7F4 · #EED8E0 · #CBB3C8 · #1171A7 · #2F453E

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

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Shell Pink (#EED8E0): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#CBB3C8): A luminous, dusty pink — the color of a candy shop window.
• Slate (#1171A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#2F453E): A deep, shadowed, dusty teal — the color of sea glass.

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 Loft color palette (#EBF4F0, #EBD5DB, #D4B5C5, #267497, #1A2923)
• Weathered Petrol Terrace color palette (#FAF3F7, #E6D8D7, #D0BBB8, #6F6DA3, #4F444A)
• Wandering Study color palette (#F0F7F3, #C8E0E1, #94C9BA, #007694, #33443B)
• Patina Grove color palette (#F2ECF3, #D6C6D4, #B297AA, #00559C, #352937)
• Timeworn Workshop color palette (#EBEDFF, #B1A1D3, #94659E, #844443, #4C4842)
• Ancient Coast color palette (#EFF8F3, #EFDBDF, #DFBEBB, #47B1DE, #2E463B)
• Aubergine Hollow color palette (#FDF2F5, #E6CAD0, #C296BD, #723C9A, #3F2D33)
• Teal Archive color palette (#F0F9E4, #4BB9A0, #007A71, #005C63, #2F4122)

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