Worn Petrol color palette — #D9FFF3 · #A7D7BB · #5BAEAC · #0C78AC · #2D3F7C

A conversation between Cerulean and Navy, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D9FFF3): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#A7D7BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#5BAEAC): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0C78AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2D3F7C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged 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

• Dusty Turquoise color palette (#E2FFD8, #A5F0F2, #62BDC9, #48789D, #323F6E)
• Timeworn Lagoon color palette (#DFFFE2, #C9D2A6, #72AD84, #008781, #004E60)
• Indigo Dune color palette (#DCFCFF, #A6D7EE, #75A7D7, #636BBB, #5D2F6C)
• Dusty Parlor color palette (#CEF1DD, #00BCB5, #0083A8, #2C27C2, #3A005C)
• Dusty Terrace color palette (#FFF0FB, #9ACCA6, #659BB2, #9B5B4C, #2F4D52)
• Aged Aubergine color palette (#DBEDE9, #00A3C8, #005FB5, #3900A4, #27002A)
• Muted Pier color palette (#AFFDBC, #49D2C7, #0098BC, #005EAA, #40008E)
• Dusty Teal Cabin color palette (#E3F6FC, #48ADB1, #475A6C, #243C43, #1A2424)

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