Worn Petrol color palette — #FFF1F5 · #FFD3E5 · #E1A596 · #646CA5 · #523236

Built around Slate, softened by Rosewood Mist — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Shell Pink (#FFD3E5): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#E1A596): A luminous, dusty orange — the color of autumn markets.
• Slate (#646CA5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#523236): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

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

• Weathered Pier color palette (#FFF2EF, #FFD4C5, #C7A872, #825785, #58352A)
• Tempered Violet color palette (#FFF1F3, #FECFEC, #FAAEC7, #9C69BA, #543237)
• Softworn Pewter color palette (#F2EFFF, #FECED3, #D99DB3, #7A4E96, #2D2140)
• Washed Aubergine color palette (#FEDFE3, #E196A9, #CB7453, #563D88, #411B1A)
• Ancient Moss color palette (#FFEEE5, #E4B575, #8AAA5A, #8F4750, #4E2C08)
• Wandering Iris color palette (#F4F4FF, #EFD2E4, #FFBFAE, #939BE1, #433B50)
• Washed Harbor color palette (#FFF2EF, #E0DBCF, #A2BED3, #AC7F85, #7D421E)
• Softworn Aubergine color palette (#FCE3EC, #E98881, #A36200, #582879, #2D0111)

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