Worn Petrol color palette — #FEF4E0 · #F8B5CE · #BC835E · #13699C · #47281F

A conversation between Peacock and Caramel, giving this palette its sense of trust and stability.

The five colors

• Cream (#FEF4E0): A whisper-light, dusty gold — the color of old brass.
• Carnation (#F8B5CE): A whisper-light, balanced rose — the color of a warm blush.
• Caramel (#BC835E): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#13699C): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#47281F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged retro, muted, warm.

Use it as a design system

One click turns Worn 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

• Bronze Summit color palette (#FFF1F3, #DCA6D8, #A2872F, #006778, #3D1D3E)
• Mallow Bloom color palette (#FBF5E0, #D7BDFF, #C07A8F, #00736D, #47272E)
• Aged Pier color palette (#FFF3E3, #FFD0C7, #B4A06C, #616FA2, #5F3200)
• Hushed Denim color palette (#FFF3E5, #F7BDA3, #9F9439, #6354A4, #36312B)
• Powdered Apricot Studio color palette (#E8FCE7, #FFB19E, #DE8F55, #728C4F, #4C3543)
• Blush Lantern color palette (#E3FCEE, #D47592, #905C2F, #17556E, #493647)
• Dusty Cerulean Delta color palette (#FFF1F1, #E4D7CD, #C8AE99, #558CA4, #63485D)
• Faded Coral Coast color palette (#FFEFDD, #E07C68, #9B5723, #3C4D1D, #321D0F)

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