Washed Petrol color palette — #F9F3F9 · #ECD4D4 · #CFB4B7 · #376BAB · #483A49

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Bone (#ECD4D4): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#CFB4B7): A luminous, dusty red — the color of a theater curtain.
• Slate (#376BAB): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#483A49): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Washed 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

• Petrol Delta color palette (#F1F7F2, #C8E0E2, #D0B2C4, #007983, #344537)
• Washed Denim color palette (#F4ECF2, #D8C7CD, #B59899, #345097, #352A33)
• Wandering Loft color palette (#FCF2F3, #DFD9D4, #A4AFA5, #A27379, #595051)
• Periwinkle Garden color palette (#EFF6FE, #DDD7E5, #C7BDB6, #6BA8EB, #334150)
• Wandering Aubergine Balcony color palette (#FFF1F4, #E6CBC8, #C09F8D, #823092, #422C31)
• Weathered Pine color palette (#FFF3E6, #A9A762, #367B2A, #654269, #3D3A34)
• Dusty Lapis color palette (#FFE8F4, #674DCC, #3E1D38, #250F1D, #031611)
• Aged Powder color palette (#C9EAFF, #B5A9E1, #A56E84, #46684A, #015447)

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