Washed Petrol color palette — #ECF8F7 · #D9DDE8 · #73AED5 · #007C93 · #083050

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Silver (#D9DDE8): a clean, paper-quiet neutral.
• Cyan (#73AED5): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007C93): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#083050): 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 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

• Ancient Petrol color palette (#E0F3EF, #7DC4CB, #007484, #003E3B, #000305)
• Timeworn Denim Meadow color palette (#DDECEB, #7AA9C6, #00598E, #002936, #000104)
• Lagoon Field color palette (#FAF3F6, #C7E5FA, #88B5EA, #00A09F, #2F375F)
• Tempered Station color palette (#DFFBFF, #58D8BD, #8FA0EE, #008A75, #1C2250)
• Ancient Villa color palette (#E9F9F6, #BAE9FF, #00A5B3, #006B61, #00232A)
• Cobalt Station color palette (#F4F6EE, #A6D0BE, #0081BB, #005D6F, #1B3D5B)
• Cobalt Delta color palette (#E8F9F8, #A2D2F6, #397EBE, #004E66, #000B25)
• Dusty Cobalt color palette (#F9F0EA, #A3D4BE, #407FBF, #005B5A, #31142B)

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