Worn Petrol color palette — #E5F5FB · #7CC1C6 · #CB8A74 · #008189 · #42263A

Teal and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E5F5FB): bright and airy, almost weightless.
• Mint Leaf (#7CC1C6): A luminous, dusty blue — the color of open sky before noon.
• Camel (#CB8A74): A luminous, balanced orange — the color of toasted spice.
• Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#42263A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Dusty Pine color palette (#E6F5F6, #82C4A6, #C087AD, #258461, #372949)
• Hushed Meadow color palette (#ECF7FD, #7ABCC8, #C68676, #008191, #6C4035)
• Cobalt Villa color palette (#EBF2FD, #9EB3E2, #BE9361, #5770AA, #452631)
• Cerulean Orchard color palette (#ECF9F1, #98CEDF, #E09D9B, #009CBB, #534B48)
• Hushed Turquoise color palette (#E4F5FF, #4FA9CA, #B57D75, #A5645B, #122A38)
• Aged Driftwood Summit color palette (#FFECF2, #A4C4AF, #9B7784, #674F62, #1E302B)
• Bronze Veranda color palette (#E4F5FF, #2AB7E7, #AD5C00, #006582, #351800)
• Weathered Archive color palette (#EDF2F9, #E3BA9B, #4F627F, #233247, #0E141D)

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