Washed Petrol color palette — #EFF7F5 · #E0D4D2 · #CEB6BC · #4E799C · #3E4B47

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#E0D4D2): bright and airy, almost weightless.
• Rosewood Mist (#CEB6BC): A luminous, dusty red — the color of late-summer berries.
• Slate (#4E799C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4B47): 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

• Petrol Bloom color palette (#EBF4F0, #DFD0CD, #CAB4B4, #4F7B96, #232F2B)
• Ancient Archive color palette (#FBF2F6, #EED4D0, #D8B0B8, #7754AE, #4A3B41)
• Tempered Ridge color palette (#FFF0F8, #CFAAB7, #A0737C, #8D4D32, #5E4700)
• Washed Powder Meadow color palette (#FDF1FB, #C4E4FF, #93B7FF, #8880C9, #4C3548)
• Timeworn Navy Chapel color palette (#EFE5EF, #B6A2B3, #96738A, #00366F, #1A101A)
• Weathered Alley color palette (#EFF7F4, #E0D4D0, #85B3CC, #A5A99D, #3E4B46)
• Dusty Lantern color palette (#FCF1FA, #DFCCD9, #A4A0D0, #2A4CC0, #3E2C3B)
• Aubergine Study color palette (#F7EBEE, #DBC6CA, #BD9498, #693F83, #37292E)

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