Worn Petrol color palette — #EDF8F4 · #E4D7DA · #C2ACB8 · #366891 · #2E3F3A

Peacock takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Silver (#E4D7DA): bright and airy, almost weightless.
• Rosewood Mist (#C2ACB8): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#366891): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#2E3F3A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Antique Petrol color palette (#ECF4F1, #E0D4D5, #C5B1B6, #006C9E, #15241F)
• Muted Lantern color palette (#F0F6FB, #DAD8E2, #C8B9CC, #2489C0, #303C46)
• Aged Studio color palette (#FFF0F8, #E4CBD2, #C29BA0, #5A49A0, #422A38)
• Ancient Driftwood color palette (#FBF2F6, #E0D8D5, #ACADA1, #9B7585, #585053)
• Ancient Fern Chapel color palette (#FBF4E9, #9F9E70, #586B35, #215164, #37352F)
• Softworn Navy Lagoon color palette (#F0E6F0, #C2B4BD, #9E8691, #15447D, #271A27)
• Chestnut Harbor color palette (#F5E2F3, #C2A1B3, #987078, #754F03, #47481D)
• Aubergine Terrace color palette (#EFE4E7, #AA9396, #856866, #40075A, #130409)

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