Worn Petrol color palette — #F7F1E8 · #C4E5DC · #768DBB · #196880 · #3D2135

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Silver (#C4E5DC): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#768DBB): A luminous, dusty violet — the color of wild irises.
• Peacock (#196880): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3D2135): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, 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

• Tempered Hollow color palette (#F2F7F1, #CEDEEF, #7C86BC, #007075, #4F3F62)
• Wandering Lagoon color palette (#F6F1EA, #C9E4CF, #5B97AC, #0B6D62, #083428)
• Washed Workshop color palette (#F8F1E5, #AAD5F9, #5182D0, #005F73, #191D51)
• Timeworn Denim color palette (#E9E1D5, #6AA7B7, #006083, #003938, #000B1A)
• Pewter Canyon color palette (#F6F1EA, #C9E1DF, #7CA797, #547456, #412E43)
• Coral Summit color palette (#E6F7E5, #4EB7B4, #C2737B, #007472, #42171D)
• Aged Lagoon color palette (#FAF4ED, #C5E2F6, #ADB8E9, #3C9194, #573241)
• Muted Navy color palette (#E6DFD3, #537F97, #003D6A, #001F23, #00000A)

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