Worn Petrol color palette — #DCEFF1 · #007D8F · #004A5A · #002734 · #060E22

Teal takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DCEFF1): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007D8F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002734): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#060E22): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Cellar Thicket color palette (#D4E9F9, #0076A8, #003C58, #00111E, #000205)
• Lagoon Cabin color palette (#D1E8E2, #009295, #005D6F, #003655, #000F26)
• Weathered Pine Alley color palette (#D6FAE4, #007D59, #004C3C, #002921, #001614)
• Quiet Mulberry color palette (#DAEAE3, #00678F, #7E007B, #003146, #20001F)
• Timeworn Aubergine color palette (#E3F0FF, #004E8B, #64007D, #003934, #000716)
• Patina Indigo color palette (#CFF3E6, #7DB2F2, #4F6BF4, #004760, #011D37)
• Powdered Ultramarine color palette (#DDE6F2, #507EEE, #3C38D8, #302193, #2A2454)
• Bronze Parlor color palette (#F7E5C9, #7C6500, #493400, #291800, #0E0B00)

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