Worn Petrol color palette — #D1F1E5 · #0073A6 · #7B4600 · #002F47 · #020100

Slate and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D1F1E5): A whisper-light, dusty teal — the color of sea glass.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#7B4600): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002F47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#020100): quiet, heavy and certain.

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

• Pale Sapphire color palette (#F8E0F8, #0067CF, #714C00, #00295B, #020100)
• Hushed Terracotta Lantern color palette (#DAF2DF, #007984, #A00A00, #003237, #040000)
• Charred Hollow color palette (#D0E8FC, #00577F, #632D00, #002337, #0E0300)
• Azure Lantern color palette (#C9E6DD, #2998E2, #944600, #00598C, #0E0300)
• Frosted Garnet Garden color palette (#CBECE1, #00598E, #84003B, #283800, #000103)
• Gentle Lapis color palette (#F9DBEB, #6654C8, #595800, #2D0078, #010100)
• Weathered Veranda color palette (#DFF1EB, #A5BCF7, #9C73DC, #005064, #000105)
• Muted Cobalt color palette (#D7EAFF, #4284D1, #004277, #251A21, #000816)

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