Worn Petrol color palette — #E3F1E5 · #73BFCD · #0080A4 · #005A53 · #002237

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

The five colors

• Honeydew (#E3F1E5): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#73BFCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Misty Market color palette (#D3E4D6, #7DB8E6, #3372CE, #005768, #131848)
• Cobalt Parlor color palette (#E5F3E8, #7CD1F6, #388DC9, #006B72, #182E4E)
• Tempered Cerulean color palette (#F5F6EC, #B0D7BB, #0088A3, #005152, #000F16)
• Hushed Denim color palette (#EFE1EB, #6BAAB5, #005F82, #003F32, #001F42)
• Washed Turquoise Quarry color palette (#EFF8F0, #BDEEFF, #6CADD5, #3C8889, #38495D)
• Petrol Canyon color palette (#DFE2F6, #D1AAF8, #D58CBE, #3F6BAD, #2A2144)
• Hazy Atelier color palette (#DDDEF3, #684BFF, #AF4000, #006946, #0E0A30)
• Ultramarine Veranda color palette (#C9E7FD, #1B87F8, #3543DC, #372C96, #240D48)

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