Worn Petrol color palette — #D6EDEE · #006C7E · #00425D · #001E3B · #020023

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

The five colors

• Frost (#D6EDEE): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006C7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00425D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001E3B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020023): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Onyx Archive color palette (#C6F1FB, #005F89, #003662, #060054, #050014)
• Tempered Harbor color palette (#D9F9E0, #007459, #00443E, #001F22, #000507)
• Cerulean Pier color palette (#C2ECFB, #0088B1, #005E84, #002C47, #000104)
• Softworn Denim Bloom color palette (#CEECE2, #006097, #6F3900, #002C49, #060200)
• Navy Summit color palette (#D9E7F0, #004F88, #0F0194, #12003A, #030007)
• Airy Lantern color palette (#D4F4E8, #899BE3, #9652AB, #004851, #000521)
• Nightshade Ridge color palette (#C7E4EB, #009ED0, #006195, #0607A0, #14004C)
• Midnight Denim color palette (#D6EBFD, #004D7B, #5F3000, #3F2A00, #000103)

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