Washed Petrol color palette — #E9F3FF · #DCD5E2 · #D9B3CE · #527F95 · #2D3345

Slate and Carnation set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Silver (#DCD5E2): bright and airy, almost weightless.
• Carnation (#D9B3CE): A luminous, dusty pink — the color of peonies in June.
• Slate (#527F95): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#2D3345): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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 Cobalt Studio color palette (#F0F5FF, #DCD7E5, #CDBBEE, #5E81B9, #45506D)
• Dusty Stone Archive color palette (#F3EFFF, #F4CCDD, #E1A480, #7E6896, #2B1931)
• Turquoise Loft color palette (#FFF0FE, #E9D6D5, #F2B6BC, #5DA4C3, #5B4153)
• Pale Chapel color palette (#EFF0FF, #F3BDFF, #E7779E, #0068AA, #2A1046)
• Denim Villa color palette (#EEE8FF, #E9AEC0, #D58959, #614F9B, #20122D)
• Worn Bronze color palette (#FEECF6, #CA9DAC, #9A6750, #5D415C, #15281B)
• Plum Ridge color palette (#DCE7FF, #A584CE, #AD5A79, #004160, #070022)
• Dusty Indigo color palette (#EDF1FE, #726BBD, #516000, #004864, #051621)

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