Worn Petrol color palette — #E8F4F8 · #3B9292 · #6162A8 · #6A3F07 · #101F23

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

The five colors

• Ivory (#E8F4F8): bright and airy, almost weightless.
• Cerulean (#3B9292): A luminous, balanced teal — the color of sea glass.
• Slate (#6162A8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6A3F07): A full-bodied, balanced gold — the color of old brass.
• Onyx (#101F23): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Weathered Field color palette (#E8F4FA, #2C9DAB, #945398, #544600, #0A1B21)
• Softworn Petrol Ridge color palette (#E6F5F5, #61A578, #186C9E, #773833, #051E1D)
• Antique Garden color palette (#E8F9FC, #00A491, #815187, #713E2F, #243732)
• Softworn Cobalt Dune color palette (#FCEDF4, #73BCA7, #427CB5, #704729, #183038)
• Quiet Mulberry Courtyard color palette (#E8F4FC, #2D8EB7, #A42546, #0A4E1E, #06151F)
• Hushed Cerulean color palette (#EBF3F5, #D4D8E0, #B9ADBB, #5A8C96, #313739)
• Aubergine Cabin color palette (#D8F9FD, #00876E, #87008D, #3B3B00, #000F11)
• Jade Lagoon color palette (#F3F8E8, #6EBA81, #C07659, #6F6763, #38312D)

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