Washed Petrol color palette — #FCF2F5 · #DADEEE · #8599C1 · #3C7981 · #4B5268

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Silver (#DADEEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8599C1): A luminous, dusty violet — the color of wild irises.
• Teal (#3C7981): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4B5268): A full-bodied, dusty violet — the color of wild irises.

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

• Antique Powder Lagoon color palette (#FAF4EE, #CDE6E8, #A0B0DC, #728F71, #624B55)
• Worn Coral Chapel color palette (#FDF0FF, #D27987, #449A90, #3E8287, #4A3D4C)
• Patina Orchard color palette (#F7EAF3, #73BED1, #0070A0, #005145, #142D53)
• Wandering Blush color palette (#FBF1FD, #EC91A6, #5BA8A4, #96616D, #2A545E)
• Softworn Cerulean color palette (#FFF0FB, #81DFEA, #008CB4, #00694F, #1E4263)
• Tempered Pier color palette (#F9E9F4, #00A3A9, #005266, #003220, #001526)
• Soft Coast color palette (#EEDCE3, #4DA9DD, #1954A7, #003D40, #19154A)
• Dusty Mallow color palette (#EEE9FF, #E49CCE, #B56E83, #825050, #604557)

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