Weathered Petrol color palette — #FCF1FB · #ECD3D3 · #D4B2B9 · #466AA6 · #473B47

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Bone (#ECD3D3): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D4B2B9): A luminous, dusty red — the color of a theater curtain.
• Slate (#466AA6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#473B47): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Corridor color palette (#EFF6FE, #DFD6E7, #D0B7CC, #4F87D5, #37414D)
• Antique Petrol color palette (#EFF7F2, #C6E0E3, #D0B1C9, #007889, #35443A)
• Denim Atelier color palette (#F3ECF1, #DFC3CE, #B3999C, #404F90, #352A32)
• Driftwood Drift color palette (#FCF2F3, #E1D9D2, #A6AFA5, #A07578, #585051)
• Dusty Ridge color palette (#FEF1F3, #E8CAC7, #CA9894, #872D8A, #442A2F)
• Softworn Aubergine color palette (#F6ECEE, #BFA0A0, #95776F, #4B235B, #1D0F13)
• Muted Atelier color palette (#E0ECFF, #B7A3E2, #AA6A89, #2F6747, #004E4A)
• Misty Courtyard color palette (#FDF4E3, #9AAE3B, #287D30, #524879, #3C3B34)

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