Weathered Petrol color palette — #FCF4E5 · #FFCCE0 · #C2977E · #497898 · #4E3A34

A conversation between Slate and Camel, giving this palette its sense of trust and stability.

The five colors

• Cream (#FCF4E5): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCCE0): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#C2977E): A luminous, dusty gold — the color of honey in a jar.
• Slate (#497898): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#4E3A34): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, 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

• Wandering Shell color palette (#FFF2EE, #FFB5BA, #77A880, #387583, #482D48)
• Wandering Bronze Pier color palette (#E9FAF0, #D292A8, #A3673C, #325F76, #514250)
• Hushed Sand Balcony color palette (#FFF3E4, #F3C18C, #869B65, #605D8C, #35312B)
• Worn Dune color palette (#EDF9ED, #FDC0AF, #D1A381, #7A9758, #573F4E)
• Muted Basalt Chapel color palette (#FFF1F0, #E1DBCF, #D2C2A7, #9D8F9D, #5E495C)
• Fern Boulevard color palette (#F7F6EB, #C0E0D9, #A1B695, #9D7C81, #424C00)
• Aged Bronze color palette (#FBF0E4, #D8998C, #A86534, #475A27, #3A271C)
• Antique Dune color palette (#FFF4E0, #FFA1A3, #B17900, #0C57A6, #431909)

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