Worn Petrol color palette — #CEECE0 · #0073A3 · #262F54 · #171F27 · #000810

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CEECE0): A whisper-light, dusty teal — the color of sea glass.
• Slate (#0073A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#262F54): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#171F27): a grounded near-black with real depth.
• Ink (#000810): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Cypress Courtyard color palette (#DFF8DB, #007B74, #003848, #0C1A18, #010A00)
• Denim Meadow color palette (#D2EDE3, #00537A, #414049, #17141C, #000512)
• Charred Sapphire color palette (#F9E9FA, #006AC6, #322958, #110013, #000201)
• Azure Veranda color palette (#CDE7FF, #0897F2, #52518B, #113D34, #000B04)
• Faded Cerulean Meadow color palette (#FBE5DB, #68BFCD, #008FBE, #006F59, #00142D)
• Patina Quarry color palette (#FFDFF3, #8F93FF, #775B81, #523849, #180C1A)
• Pale Violet color palette (#FCDCEC, #8F6BFF, #684568, #402734, #080208)
• Patina Moss color palette (#ECE8DA, #76A859, #108459, #00616C, #051400)

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