Weathered Petrol color palette — #FBF2F9 · #B3736B · #4D62A0 · #5B4173 · #3B3241

Slate and Charcoal Brown set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Caramel (#B3736B): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#4D62A0): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#5B4173): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#3B3241): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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

• Washed Canyon color palette (#F8F2FF, #5E976B, #007696, #38487A, #31303E)
• Antique Moss color palette (#E6F6EF, #908F33, #496DA4, #394E70, #221621)
• Driftwood Field color palette (#EEF8F2, #A08F40, #8A517D, #784041, #3E2D34)
• Patina Boulevard color palette (#F9F5EB, #AFA33E, #7386B6, #805E7A, #41312B)
• Aged Driftwood color palette (#F0F7F4, #D1DDDF, #A9ACBD, #7E875B, #4C5552)
• Mint Villa color palette (#EBF9F4, #94C990, #6DA9D4, #658EAD, #41313F)
• Grape Harbor color palette (#FFF0F8, #B34C00, #5328BF, #64006B, #301B32)
• Grape Veranda color palette (#EBF7FF, #0083AA, #693CA6, #692A55, #362733)

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