Washed Petrol color palette — #ECF2FF · #DBD2FD · #EAA096 · #007098 · #252546

Peacock and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Thistle (#DBD2FD): A whisper-light, dusty violet — the color of wild irises.
• Melon (#EAA096): A luminous, balanced orange — the color of autumn markets.
• Peacock (#007098): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#252546): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Timeworn Thicket color palette (#F0F0FF, #FFCCDA, #E8A678, #4660AD, #2C203E)
• Timeworn Summit color palette (#F2F5FF, #EECFFF, #E592C0, #536AA8, #3C3C51)
• Wandering Shell Loft color palette (#FFF0FC, #F2D2FF, #FFABB0, #5096B2, #4A343E)
• Linen Ember color palette (#DBE1FC, #D59BC7, #D3614B, #005093, #1E0029)
• Aged Iris color palette (#FFF0F7, #E8D8E0, #C0B5A0, #7388CE, #452533)
• Weathered Atelier color palette (#FCEBFF, #FFBEC9, #DDA240, #583DD5, #40001E)
• Mulberry Terrace color palette (#F1E0F7, #E5BACD, #A8AB3E, #874492, #2E0900)
• Aubergine Quarry color palette (#E2DBEB, #BA7E72, #746500, #3E0064, #050001)

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