Washed Petrol color palette — #EDF8F6 · #8CB8C0 · #288092 · #7C4850 · #21494F

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

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Ash (#8CB8C0): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#288092): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#7C4850): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#21494F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, 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

• Softworn Chapel color palette (#EDF9F1, #91B9B0, #4A806A, #66592A, #254A43)
• Gentle Peony Canyon color palette (#E2FBFC, #6BB093, #B46CAA, #007856, #5B3056)
• Dusty Mulberry color palette (#E0FBFF, #119E89, #A85A9E, #A4345B, #143F44)
• Timeworn Turquoise color palette (#F6F7E7, #AAE3D2, #74B9C3, #A58883, #3C4636)
• Patina Cypress Coast color palette (#F9F3F7, #C6E1EE, #5590BE, #007455, #374767)
• Dusty Driftwood color palette (#E0FCFA, #D0DEEC, #AAC4FB, #817D3E, #325053)
• Airy Pine color palette (#F0E6B9, #A0B679, #408F4B, #006351, #1A475F)
• Worn Dune color palette (#D1ECE4, #659883, #006166, #2F4600, #003222)

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