Worn Petrol color palette — #DEF3FC · #008497 · #003A47 · #00171F · #000507

Cerulean takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEF3FC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008497): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003A47): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000507): a grounded near-black with real depth.

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

• Eclipse Cypress color palette (#C6E7D9, #008363, #004035, #00160B, #000201)
• Cobalt Balcony color palette (#D6E8FF, #0075C8, #003672, #001120, #000205)
• Dusty Cerulean Station color palette (#D0E6ED, #009BB8, #006073, #00303A, #000203)
• Hushed Courtyard color palette (#D3E9E1, #006FA5, #5F003C, #002A41, #060002)
• Bronze Study color palette (#ECEAC5, #B07500, #007E9E, #070E16, #000201)
• Inked Abyss color palette (#DFF3FB, #004C61, #3D3700, #211D00, #000509)
• Dusty Violet Meadow color palette (#C1E8EA, #60B0F2, #8F67B8, #02510F, #00191F)
• Patina Chestnut color palette (#FFECDB, #7E631D, #562B00, #3D0004, #0B0D00)

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