Washed Petrol color palette — #EDF4F0 · #D9D1D1 · #C6B5B6 · #0082A1 · #242F29

Cerulean takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Oat (#D9D1D1): bright and airy, almost weightless.
• Stone (#C6B5B6): a calm mid-gray that lets other colors speak.
• Cerulean (#0082A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#242F29): 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

• Tempered Petrol Drift color palette (#F0F7F4, #D2DCDD, #D6BAC4, #457C96, #414A46)
• Antique Meadow color palette (#F4F2E5, #B0B892, #448273, #215D70, #262A12)
• Dusty Denim Lagoon color palette (#EBF4F1, #E2CCDC, #B2A3CD, #006096, #002018)
• Muted Indigo color palette (#F7EFF4, #E4D2CF, #D8B5B8, #565EC1, #321D2C)
• Turquoise Balcony color palette (#F0F6FA, #D7D9E0, #CABFC5, #5EA9C9, #374148)
• Dusty Abyss Station color palette (#E7F0EC, #A79BA6, #8D7380, #003B54, #000603)
• Hushed Turquoise Bloom color palette (#F9F2DB, #4AACB9, #5169A0, #554500, #0A291E)
• Hushed Basin color palette (#F6ECF7, #4078B3, #412836, #1D101F, #030805)

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