Washed Petrol color palette — #EFF6FC · #D8D8E3 · #ADB2C7 · #1A6C92 · #333C43

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D8D8E3): a clean, paper-quiet neutral.
• Ash (#ADB2C7): A luminous, dusty violet — the color of wild irises.
• Peacock (#1A6C92): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#333C43): quiet, heavy and certain.

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

• Washed Petrol color palette (#EAF5F1, #E2D4D9, #C3B1C0, #2E6A94, #192320)
• Muted Station color palette (#F1F5FF, #D0D1E2, #C198B6, #4849B4, #2A3247)
• Hushed Field color palette (#C9EBFF, #98A1D3, #816386, #325A4F, #224144)
• Muted Driftwood Basin color palette (#F3F5FB, #DED8DF, #B9A8A2, #7780A3, #515258)
• Denim Dune color palette (#DCE3EB, #B0B9CB, #888BAD, #004874, #16202A)
• Muted Byzantium color palette (#F4F4FF, #E7D4E2, #CDB1D2, #844EA7, #3E3E50)
• Tempered Turquoise color palette (#EEF8F4, #E4D9DC, #D6BCBF, #66A8D1, #323E39)
• Hushed Pier color palette (#FEF1F6, #AC9966, #606A00, #3A4A6D, #243C2C)

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