Washed Petrol Terrace color palette — #F2F5FB · #DDD6E0 · #B8AFC3 · #4F6197 · #353B45

Slate takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DDD6E0): bright and airy, almost weightless.
• Ash (#B8AFC3): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4F6197): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#353B45): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Washed Petrol Terrace 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

• Petrol Coast color palette (#F8EFF5, #E1D2D1, #C8B0B5, #596090, #271D24)
• Ancient Driftwood Market color palette (#F5F4FB, #E1D8DC, #B2ABA2, #957696, #53515A)
• Antique Plum Coast color palette (#F7F3FB, #E8D4D9, #D1B2BE, #A3407B, #443C4B)
• Grape Dune color palette (#F4F4FF, #D9CDE4, #CE978F, #7B2FA1, #312F48)
• Washed Courtyard color palette (#C6E8FF, #B0A0D3, #946273, #266354, #1F485E)
• Navy Boulevard color palette (#E6EAF2, #B8B7C7, #AC7F91, #373985, #1A1F2B)
• Worn Mulberry Summit color palette (#F2ECF5, #D6C7D2, #8EA98B, #833558, #312B35)
• Tempered Veranda color palette (#E2DFE8, #A195A2, #856676, #4B0542, #0B0712)

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