Weathered Petrol color palette — #F3F4FF · #F7D2E4 · #E0A0D1 · #6B60A2 · #3F3C58

Built around Slate, softened by Carnation — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Shell Pink (#F7D2E4): A whisper-light, dusty rose — the color of strawberry cream.
• Carnation (#E0A0D1): A luminous, balanced pink — the color of a candy shop window.
• Slate (#6B60A2): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#3F3C58): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Weathered 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

• Muted Blush Terrace color palette (#F7F3FF, #FFCFE4, #FD9BAC, #97629A, #5A364C)
• Lilac Thicket color palette (#EEF6FF, #DDD6EC, #B0A7FF, #3973A0, #384963)
• Peony Villa color palette (#EDEAFF, #FEADF3, #D074A7, #624D80, #322C47)
• Blush Orchard color palette (#FEE8F8, #F688C3, #C16D81, #683770, #38172B)
• Hushed Sky Drift color palette (#F1F5FF, #F4D7DF, #EAC2A3, #47B7FB, #5C3A62)
• Ancient Tangerine color palette (#FFF1F2, #FFB0AB, #F08052, #9D4569, #542929)
• Chalky Pier color palette (#F8F2FF, #CC009A, #915700, #064695, #322341)
• Blush Dune color palette (#FAF1FF, #F868A2, #AF3300, #9D0056, #2A1424)

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