Worn Petrol color palette — #FCEFE8 · #BD8579 · #708C64 · #006A7D · #301E15

Built around Peacock, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Caramel (#BD8579): A luminous, dusty orange — the color of sun-warmed clay.
• Fern (#708C64): A luminous, dusty green — the color of fresh herbs.
• Peacock (#006A7D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#301E15): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

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

• Denim Corridor color palette (#F9F1E3, #A7935E, #4A9284, #455B96, #2A2110)
• Hushed Quarry color palette (#FAEFEC, #C68894, #5A7D49, #334A7D, #3F1A22)
• Worn Lagoon color palette (#FDF3EE, #C7766D, #808444, #496946, #433B38)
• Cerulean Parlor color palette (#F9F2FC, #D795AA, #7FA977, #4581A8, #423946)
• Navy Atelier color palette (#FAE5D4, #A6612B, #007567, #3B3586, #1C0B00)
• Weathered Orchard color palette (#FFEDE9, #EAB4A8, #AC8157, #665000, #292D00)
• Muted Quarry color palette (#F8F0EE, #E8B2BF, #7F894D, #AC4E6B, #1A1604)
• Patina Coast color palette (#F0E9D8, #7B6B00, #006580, #5E0072, #0E0B00)

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