Worn Petrol color palette — #DCEFF6 · #007496 · #004B67 · #002C46 · #000B1A

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

The five colors

• Frost (#DCEFF6): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007496): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004B67): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002C46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000B1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cerulean Drift color palette (#DCF0F7, #0091BD, #00709A, #00486D, #00233F)
• Antique Loft color palette (#CAEEE2, #007A6B, #00524C, #002D2C, #000F10)
• Pale Lantern color palette (#D2E3EF, #0072B8, #004986, #001D5C, #02002C)
• Hazy Mulberry color palette (#CAE6DD, #0071AE, #990078, #003A5C, #15000E)
• Turquoise Garden color palette (#D7EDED, #00B0C7, #00668C, #002F68, #040028)
• Aubergine Field color palette (#CDE3FF, #0056AB, #79008A, #004542, #00030E)
• Dusty Cornflower color palette (#E1EFFF, #287FE4, #004086, #001734, #000207)
• Gentle Cobalt Balcony color palette (#C5EBFF, #57AAE0, #007FC9, #134C86, #1D304F)

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