Washed Petrol color palette — #F9F4EE · #C2E5DB · #6F8BB9 · #1D6C82 · #593E51

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C2E5DB): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6F8BB9): A luminous, dusty violet — the color of wild irises.
• Peacock (#1D6C82): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#593E51): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Cerulean Chapel color palette (#FAF4EC, #C6E5D1, #4B94B4, #1E706B, #2A5046)
• Muted Iris Bloom color palette (#F7F1EA, #C8E3DB, #7C8AC2, #006C6E, #322446)
• Tempered Lagoon Atelier color palette (#FAF3F5, #D7DBF0, #90A1E2, #008C8E, #4E3F65)
• Denim Grove color palette (#EDE6DB, #63ABBB, #00607F, #003E3B, #002139)
• Chestnut Ridge color palette (#FFF3E6, #C4955F, #608CC5, #8D5800, #2B4364)
• Hushed Navy color palette (#EBE1D0, #5688A0, #003F68, #002225, #000720)
• Weathered Canyon color palette (#FFF3E4, #AC7F34, #008D8F, #835294, #3C3731)
• Softworn Drift color palette (#FCF4E8, #74C6D3, #007A98, #00574E, #003753)

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