Worn Petrol color palette — #E9D9E3 · #64AFAF · #00829B · #00613D · #000A15

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

The five colors

• Silver (#E9D9E3): A whisper-light, dusty pink — the color of neon signs at night.
• Turquoise (#64AFAF): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00613D): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Villa color palette (#E7D9E1, #6BABC1, #007ABE, #005E57, #01002F)
• Weathered Teal color palette (#E6E6DB, #34A5A5, #00646C, #003C35, #000C0F)
• Lagoon Station color palette (#F2E7D6, #478484, #00444D, #002017, #000203)
• Feathered Cornflower color palette (#F2E6EA, #97C7E7, #4E8FF9, #007C83, #1A1744)
• Wandering Teal Balcony color palette (#D2F3EB, #3EC6A8, #00ABC9, #766A00, #000F06)
• Worn Emerald color palette (#D2E7D6, #00AC5C, #007647, #004316, #000201)
• Wandering Azure Ridge color palette (#F8EAF3, #99E0F3, #23AFF8, #009381, #172D53)
• Washed Archive color palette (#F0EDDF, #7A8200, #406F00, #004F21, #000D08)

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