Worn Petrol color palette — #DDE1D3 · #5BACD5 · #006DA2 · #004857 · #00152A

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Bone (#DDE1D3): bright and airy, almost weightless.
• Cyan (#5BACD5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00152A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Weathered Teal Workshop color palette (#E4E4D0, #4AB5AE, #007578, #004B3E, #00181B)
• Hushed Cobalt Balcony color palette (#E1E6DA, #81B6ED, #3F73C3, #005378, #0D1A47)
• Ancient Denim color palette (#F0E7D8, #5A98B7, #004C80, #002F34, #000D3C)
• Antique Ultramarine Courtyard color palette (#FAEBDF, #8DBED9, #1B5FCF, #003E38, #030011)
• Powdered Cobalt color palette (#EDF0E3, #7AD1F7, #1090CA, #00697B, #05304E)
• Turquoise Grove color palette (#F4F7E6, #98E9FF, #0EABD7, #00818A, #004661)
• Powdered Quarry color palette (#E6DEF0, #8B00DC, #A90041, #005076, #0E001C)
• Antique Amethyst color palette (#FFDFEF, #7D49F9, #007575, #4A1F9F, #001313)

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