Washed Petrol color palette — #F5EDE2 · #76BAE3 · #236AAE · #004E59 · #1E2C50

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

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#76BAE3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#236AAE): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#1E2C50): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Washed Petrol color palette (#F3EEE5, #7BBFBE, #007683, #00523D, #003343)
• Petrol Study color palette (#F3E7DC, #94BEAE, #3D6BAC, #004B4E, #100D3A)
• Wandering Cobalt color palette (#F9F4ED, #A6C9EA, #5577B6, #005C73, #4C3044)
• Soft Alley color palette (#E5F2F1, #B2D9F6, #5EACE8, #008CAC, #002E58)
• Worn Lilac Orchard color palette (#D7FFF5, #B2C9FF, #AC8FC9, #006077, #41273F)
• Softworn Pier color palette (#CFF1F6, #0099BA, #006487, #004168, #2B1F4E)
• Faded Cerulean Quarry color palette (#FDF4E6, #83DFE9, #008EAB, #00685A, #004662)
• Timeworn Quarry color palette (#E9DECC, #2C9EBC, #005071, #003030, #00142B)

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