Weathered Petrol color palette — #FBF5E4 · #FBCCEF · #CA9475 · #4477A2 · #513834

Slate takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Thistle (#FBCCEF): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#CA9475): A luminous, dusty gold — the color of honey in a jar.
• Slate (#4477A2): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#513834): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, 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

• Timeworn Quarry color palette (#FEF3E9, #FFD1C0, #ADA373, #7766A5, #603100)
• Worn Apricot color palette (#EAFAED, #FFBCBD, #DC9F71, #4B9B95, #52424E)
• Hushed Blush color palette (#E6FBF3, #DC8AAF, #946F45, #3D5E72, #514250)
• Washed Driftwood Terrace color palette (#FFF1F4, #E3DAD2, #D1BEA8, #A28596, #5A4952)
• Patina Blush Study color palette (#FCF0DE, #E29294, #9A6D4B, #235D58, #3A271D)
• Tempered Grape Chapel color palette (#FFF2E9, #F9BC9E, #859C56, #734F9A, #35312B)
• Worn Fern Archive color palette (#F8F5EA, #D1E6D5, #9BB797, #9D7C7F, #404D00)
• Timeworn Bronze color palette (#FFF3E5, #F19D92, #8B8100, #454691, #341A00)

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