Washed Petrol color palette — #D4E2D8 · #95B8BE · #B99EAD · #008090 · #0A170E

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

The five colors

• Silver (#D4E2D8): A whisper-light, dusty teal — the color of sea glass.
• Ash (#95B8BE): A luminous, dusty blue — the color of deep harbor water.
• Mauve (#B99EAD): A luminous, dusty pink — the color of peonies in June.
• Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#0A170E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Pine Pier color palette (#E9EDE2, #9EB6B0, #7C9EA0, #0A865A, #111608)
• Petrol Workshop color palette (#DFEEE9, #B59FA1, #A7837B, #10699C, #000D08)
• Denim Lagoon color palette (#D8E9F2, #A0B8CA, #8497AF, #005D6F, #011621)
• Abyss Boulevard color palette (#DFE9ED, #95A2AD, #6F7C95, #003E48, #000509)
• Patina Thicket color palette (#F0E6EB, #D7BAB2, #BCA18C, #7976C0, #281A22)
• Ancient Turquoise color palette (#EEF8F2, #F5D7E0, #E3BAB8, #00A9CC, #1F392B)
• Misty Lapis Meadow color palette (#F0E1D1, #009BA4, #5452D1, #663D00, #000D15)
• Periwinkle Villa color palette (#D3F8FA, #5F98E2, #9B6498, #5F5B54, #281A00)

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