Washed Petrol color palette — #FFF0FB · #CFD4FF · #8C9BD1 · #5C66A8 · #323659

Slate and Blue Fog set the tone — five colors that lean into creativity and calm.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Lilac Frost (#CFD4FF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8C9BD1): A luminous, balanced violet — the color of wild irises.
• Slate (#5C66A8): A full-bodied, balanced violet — the color of wild irises.
• Navy (#323659): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Hushed Thicket color palette (#F0F5FF, #DCD8E2, #A4A8E4, #5A688F, #1A2541)
• Ancient Cobalt color palette (#F0F5FF, #BBC8FA, #727DC7, #434C7E, #293550)
• Patina Harbor color palette (#DEFDF4, #B4E6D7, #6DA4CB, #206F9A, #133E59)
• Pewter Market color palette (#FFF1F3, #F6C7D2, #BB8DBB, #855693, #4A2D4C)
• Ancient Iris color palette (#FBF3F6, #D4C8FA, #CA8C57, #947AD2, #322D28)
• Driftwood Balcony color palette (#FDF1F7, #D2D4B2, #7D77A2, #614252, #35262E)
• Aged Pier color palette (#FEF0FD, #E7D8D7, #B7AF98, #67B0BC, #614B5A)
• Softworn Coast color palette (#E3E6FF, #7271C9, #4922AB, #1D0048, #02000D)

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