Weathered Petrol color palette — #FFF0D9 · #71A0D3 · #6B609E · #693800 · #2E1B2C

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

The five colors

• Cream (#FFF0D9): A whisper-light, dusty gold — the color of old brass.
• Cornflower (#71A0D3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#6B609E): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#693800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2E1B2C): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Turquoise Hollow color palette (#FCF0DF, #41ABC7, #486BA1, #712E26, #0C291F)
• Ash Hollow color palette (#FAF0E2, #A5A6D9, #8B6C8D, #5F511F, #3B242E)
• Cerulean Corridor color palette (#F9EEF9, #678FC9, #8C4D6C, #553C00, #00251D)
• Muted Fern color palette (#E2FCF2, #49A7B5, #64629B, #4A5400, #224057)
• Hushed Chestnut Basin color palette (#E7FBEB, #85B5E9, #867DB6, #90520A, #2F3E54)
• Dusty Cobalt Basin color palette (#F9E6F4, #5C6EBD, #422734, #1E111B, #09040A)
• Hazy Alley color palette (#FFF0D8, #AC70E4, #9D2F74, #3C4300, #2B0E30)
• Timeworn Lilac color palette (#FCECFA, #B5E8FF, #92B6FF, #9F72BB, #361A2F)

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