Washed Petrol color palette — #F2F7EC · #66A88B · #007F8F · #305485 · #573744

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

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Jade (#66A88B): A luminous, balanced teal — the color of sea glass.
• Teal (#007F8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#305485): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#573744): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Timeworn Petrol color palette (#EFF8F0, #38AAB2, #3E74A8, #58497B, #42433C)
• Softworn Moss Thicket color palette (#F4F2E7, #99A451, #5173A3, #603E60, #3A1F16)
• Patina Taupe Delta color palette (#F3F8E5, #C3D3B3, #849D80, #786A7A, #5E494D)
• Wandering Aubergine Market color palette (#E6F7E8, #00888D, #005695, #462373, #003616)
• Worn Quarry color palette (#F9F5E8, #9E9C53, #30834E, #036062, #1E4C40)
• Washed Lagoon Station color palette (#F1FAD8, #85C8A3, #1D9970, #20745F, #415439)
• Softworn Workshop color palette (#ECF9F3, #AEBA60, #6A8EC0, #7D5C7E, #4F3A4F)
• Tempered Aubergine color palette (#D5E7D6, #00787A, #004A76, #340079, #3A0230)

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