Worn Petrol color palette — #E7DFD3 · #5DAFBA · #00819F · #005E54 · #000B14

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

The five colors

• Bone (#E7DFD3): bright and airy, almost weightless.
• Cyan (#5DAFBA): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#00819F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Orchard color palette (#F3E8D7, #7AA6C5, #1C74D0, #005B6A, #02002E)
• Weathered Denim color palette (#F5E3DB, #44A1AE, #005F87, #003E26, #00022D)
• Weathered Cerulean Market color palette (#DDEADF, #108895, #004354, #00201B, #000103)
• Cerulean Chapel color palette (#E6DED2, #84D0CB, #00A5B4, #00805E, #00242E)
• Periwinkle Meadow color palette (#F6EDE0, #A5DCF7, #61ACE6, #008F9A, #142D53)
• Hazy Plum Lagoon color palette (#E9DAE4, #B62399, #766600, #006377, #050004)
• Tempered Peony color palette (#FFE2E5, #CD60C3, #02893C, #71006B, #000902)
• Teal Delta color palette (#FAF4EB, #C6E6DE, #80CADE, #58A997, #2D5042)

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