Petrol Dune color palette — #ECF9F4 · #EED9E0 · #C9B5C6 · #2771A0 · #34443E

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Shell Pink (#EED9E0): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#C9B5C6): A luminous, dusty pink — the color of peonies in June.
• Slate (#2771A0): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#34443E): 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 Petrol Dune 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

• Cobalt Workshop color palette (#EEF6FE, #D8D8E9, #C3BBD9, #1C90C9, #304250)
• Patina Cypress color palette (#EFF8EF, #C3E3DC, #A7C4B2, #007A79, #384437)
• Wandering Denim color palette (#F3ECF3, #D6C6D4, #AE99A8, #285788, #322B33)
• Driftwood Dune color palette (#FCF2F4, #E3D7D3, #ADAEA2, #98787F, #585052)
• Washed Cocoa Cabin color palette (#DCE4FF, #ABA9E0, #836E97, #795047, #5F3E00)
• Aubergine Studio color palette (#FFF1F5, #EDC7D0, #C6999F, #723B9C, #412C33)
• Patina Aubergine color palette (#F3E4EA, #BAA2A9, #9D717B, #3F2767, #1C0F15)
• Tempered Teal Hollow color palette (#EFFAE0, #1DBD9E, #007A70, #005C62, #044538)

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