Washed Petrol color palette — #E7F6EF · #8ABBD6 · #BF9361 · #007BAA · #35302B

A conversation between Cerulean and Camel, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Sky (#8ABBD6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#BF9361): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#35302B): quiet, heavy and certain.

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

• Antique Amber Thicket color palette (#E9F9F4, #7AB7E4, #CA884C, #2F79A9, #524C46)
• Timeworn Indigo Basin color palette (#FBEDF5, #ACAEDE, #B99753, #6767B6, #412D00)
• Hushed Cypress color palette (#EAF6EA, #7BC1C3, #CE8491, #008285, #4B222B)
• Muted Apricot Cabin color palette (#EEF6FF, #9EC8FA, #E49E7B, #628FC5, #604353)
• Timeworn Bronze Balcony color palette (#FCECF8, #899ACE, #B67E67, #AA6345, #32212E)
• Airy Ultramarine color palette (#FFEAFF, #5F9AE8, #9F7F00, #0058B3, #291F00)
• Washed Denim Studio color palette (#F8EFF5, #CDC39D, #565F86, #41273A, #1B0F18)
• Washed Lagoon color palette (#E2F8F0, #E9D5CC, #E1B2A1, #509F9F, #483647)

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