Worn Petrol color palette — #E6EEFF · #CDACD6 · #C18180 · #218494 · #183D27

Cerulean takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E6EEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#CDACD6): A luminous, dusty pink — the color of neon signs at night.
• Dusty Rose (#C18180): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#218494): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#183D27): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Ancient Lagoon color palette (#DAF4FF, #ACADE6, #B280A0, #4C7D57, #333C00)
• Timeworn Taupe color palette (#FEE8F6, #E4B7BD, #D6927D, #4F8EA2, #344D40)
• Pale Amber Bloom color palette (#D6DFFF, #CB93B2, #BF713F, #1D6F97, #093427)
• Weathered Mallow color palette (#FFF1F4, #E9ABC8, #B77F77, #405E3E, #1B2D13)
• Hushed Stone Corridor color palette (#ECD8DF, #E8A3AF, #AF8E5D, #5B759C, #4D314C)
• Muted Chestnut color palette (#F2E9FF, #AB819C, #8C5149, #004342, #002121)
• Feathered Bronze Alley color palette (#E5DBEC, #C77580, #9F6A28, #205483, #00213E)
• Teal Studio color palette (#EAE5D0, #8CCC98, #00A798, #A25E68, #0E3117)

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