Worn Petrol color palette — #E8F5F1 · #7FBBE7 · #CB8C62 · #3378A6 · #36302B

Built around Slate, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Sky (#7FBBE7): A luminous, balanced blue — the color of open sky before noon.
• Camel (#CB8C62): A luminous, balanced gold — the color of old brass.
• Slate (#3378A6): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#36302B): a grounded near-black with real depth.

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

• Ancient Sky Alley color palette (#ECF7FF, #6DBAE7, #BB8F62, #347AA1, #60444E)
• Softworn Coral color palette (#EBF5EA, #6AC5C2, #D78082, #178280, #47281E)
• Timeworn Summit color palette (#FCEDF5, #B1ACE2, #9FA346, #7068A5, #33312A)
• Aged Periwinkle color palette (#DEF9F1, #65A1DA, #C27281, #6B814F, #182C27)
• Dusty Lagoon color palette (#E1F8F1, #F0D6CF, #A89F95, #648E78, #483947)
• Denim Villa color palette (#F7EFF4, #D7C092, #5A5A92, #402837, #1A1116)
• Hushed Honey color palette (#EAF9F3, #CFDEFD, #FFBD70, #5AA3CB, #4B453F)
• Ultramarine Studio color palette (#FFEAFD, #5F94FF, #A17D00, #0C49D2, #2A1F00)

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