Worn Petrol color palette — #F4F4FF · #CB9DE5 · #51AFB3 · #007CAB · #232139

Cerulean and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#CB9DE5): A luminous, balanced violet — the color of a velvet chair.
• Turquoise (#51AFB3): A luminous, balanced teal — the color of sea glass.
• Cerulean (#007CAB): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#232139): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. 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

• Muted Cerulean color palette (#F5F4FE, #DDB2E0, #71BCC9, #4889B6, #332E42)
• Muted Garden color palette (#F1F5FF, #A0ACF6, #62B186, #008384, #1B2439)
• Washed Lagoon color palette (#F3F4FF, #AB96D5, #009B86, #005F72, #0C192E)
• Chalky Magenta color palette (#F6F3FF, #D451DA, #008E9E, #00598D, #1B001D)
• Quiet Grove color palette (#FBF1FF, #FF6C9C, #3697E8, #534CDB, #320A19)
• Timeworn Peony color palette (#FFEDEB, #CA5A8C, #00858A, #005E61, #281312)
• Faded Moss Chapel color palette (#EBFAEF, #D4B86E, #679A4F, #006B61, #003042)
• Washed Nightshade Canyon color palette (#FAF1FF, #CE5E89, #007CC3, #3C34B0, #0F0116)

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