Worn Petrol color palette — #F7ECE5 · #72BED3 · #006DAE · #00523E · #222956

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Cyan (#72BED3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#222956): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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 Lapis color palette (#F3EDE7, #91B6D6, #4A56D1, #004F51, #35234D)
• Ancient Courtyard color palette (#E3ECE4, #61C2DF, #0074A2, #004B4B, #00162E)
• Cobalt Canyon color palette (#FAF4EF, #A7D0BD, #4A78BD, #006156, #38355B)
• Azure Market color palette (#D0EDFF, #299FEE, #00567C, #002D4A, #001A29)
• Lagoon Grove color palette (#D4E9DD, #00988E, #006D85, #004367, #1A2B60)
• Tempered Meadow color palette (#F6EBF1, #AFDAF2, #64ACE1, #009285, #172B57)
• Tempered Cerulean Loft color palette (#F7E9E3, #2AA1AA, #00516E, #003219, #001036)
• Wisteria Studio color palette (#DEFAE5, #AECBF5, #C479D0, #006853, #0D392C)

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