Washed Petrol color palette — #E0F3F0 · #84C2D1 · #00728F · #003D41 · #000306

A conversation between Teal and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#E0F3F0): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#84C2D1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00728F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000306): quiet, heavy and certain.

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

• Hazy Courtyard color palette (#DAF4F4, #86BCF0, #1F65BE, #003A53, #000016)
• Muted Cobalt color palette (#E5FAF9, #98D5F6, #0082C1, #004F60, #000D1E)
• Grape Delta color palette (#CEE3EF, #00709B, #7206C6, #004F3B, #000103)
• Periwinkle Station color palette (#DBF3FF, #9ED3FF, #7CA6F9, #00576B, #00060F)
• Wandering Cerulean color palette (#D0F3F4, #0094A0, #005E6D, #002934, #000204)
• Olive Garden color palette (#E3F2FA, #008DA4, #607000, #004450, #010100)
• Cobalt Lantern color palette (#F7ECF4, #71BDD0, #008DC9, #006E60, #001134)
• Softworn Petrol color palette (#E9F9F7, #D8DEE9, #67B1D3, #0F7D89, #0F3149)

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