Worn Petrol color palette — #ECF4F1 · #E1D4D5 · #CEADB4 · #2F6996 · #152420

A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E1D4D5): bright and airy, almost weightless.
• Rosewood Mist (#CEADB4): A luminous, dusty red — the color of embers at dusk.
• Peacock (#2F6996): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#152420): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Muted Petrol Field color palette (#F9F3F9, #E9D3D7, #C0ADB6, #3D6696, #403741)
• Aged Cerulean Grove color palette (#F1F6FB, #DBD9E4, #C1B0AB, #608CC2, #262F3A)
• Nightshade Loft color palette (#FDEDF5, #E5CDD0, #CAA097, #5E44AB, #28111E)
• Navy Cabin color palette (#E6E0E6, #BFADB6, #A4809E, #004188, #100710)
• Timeworn Fern color palette (#D7F1E2, #919AC3, #8F607F, #474C00, #282A0F)
• Lapis Balcony color palette (#F1DBE9, #5254BF, #371638, #150711, #000302)
• Olive Studio color palette (#FCEFE5, #ADA06C, #4A720E, #553B5D, #251A03)
• Linen Terrace color palette (#E3F1EA, #0089AA, #932D0E, #133F00, #051A00)

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