Washed Petrol Coast color palette — #F4EEE4 · #5EC2D3 · #007392 · #005049 · #00314C

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

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Cyan (#5EC2D3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007392): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Washed Petrol Coast 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

• Petrol Grove color palette (#F1E7E2, #98BEA3, #00759D, #004D3D, #001631)
• Aged Denim color palette (#EAE0CF, #56A9D2, #005B96, #003D44, #061B48)
• Aged Cobalt color palette (#FAF4EB, #96CFE3, #2A81AE, #005F60, #49304C)
• Antique Ridge color palette (#E5F2EF, #AADCF0, #00B7D9, #009091, #003343)
• Pale Iris Pier color palette (#DAFAE9, #9CD0FF, #8E92E2, #006E6D, #0B382B)
• Washed Azure color palette (#C2EAFF, #009FCF, #005875, #002E3D, #001621)
• Patina Ash Harbor color palette (#F9F4ED, #C2EEEA, #69A2BE, #5B7758, #345149)
• Patina Terrace color palette (#EBE3D7, #408AA8, #004064, #002224, #00081D)

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