Washed Petrol color palette — #EDF8F3 · #F2D8DF · #D4B0C3 · #00749D · #36433D

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 (#EDF8F3): a clean, paper-quiet neutral.
• Shell Pink (#F2D8DF): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#D4B0C3): A luminous, dusty rose — the color of strawberry cream.
• Slate (#00749D): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#36433D): quiet, heavy and certain.

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

• Worn Indigo color palette (#FDF1F8, #EAD4D1, #D9B0B2, #5D5FB3, #4A3A44)
• Wandering Atelier color palette (#ECF3F9, #D4D6EC, #B1C0D6, #29729F, #1C262F)
• Worn Dune color palette (#E6F2EE, #D7C6D3, #B795A3, #085A89, #1E332C)
• Cypress Atelier color palette (#F1F7EF, #C6E1DE, #9CC7B9, #007B70, #3A4238)
• Wandering Atelier color palette (#FAF3F5, #E1D8D4, #A9AEA1, #A07382, #585052)
• Softworn Sky color palette (#EDF7FE, #D8D8E7, #B8A7AC, #43B0E9, #31424F)
• Cypress Drift color palette (#F7F7E4, #6DB590, #007A72, #035879, #393C35)
• Driftwood Terrace color palette (#D0F5FF, #8BACDC, #8E66A2, #525F19, #23542F)

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