Washed Petrol color palette — #EFF7FA · #8ACDDB · #8F6DA5 · #007B8D · #2D2C39

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

The five colors

• Ivory (#EFF7FA): bright and airy, almost weightless.
• Sky (#8ACDDB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#8F6DA5): A full-bodied, balanced violet — the color of wild irises.
• Teal (#007B8D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2D2C39): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Tempered Archive color palette (#F1F5FC, #ABC1E9, #A46786, #4B6CAA, #312B36)
• Dusty Petrol Villa color palette (#EDF4F1, #A0CFBC, #6C81B3, #007BA9, #1E111C)
• Turquoise Loft color palette (#E6FBF0, #78AFD2, #79709A, #396450, #39495D)
• Washed Cerulean Harbor color palette (#F0F6FB, #B5D6F0, #9097CC, #3A96C7, #282E3A)
• Muted Basalt color palette (#E5F9FF, #90BBE4, #757DAB, #624A83, #632E5D)
• Byzantium Study color palette (#ECF7FF, #33ADED, #8C3C9E, #005D85, #1E1832)
• Timeworn Driftwood Veranda color palette (#F0F6FC, #DAD9E1, #B7A7A8, #69859E, #4C545A)
• Tempered Parlor color palette (#EFF6FF, #6192C6, #935966, #744230, #243B3C)

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