Worn Petrol color palette — #E8EBDE · #68C0E2 · #0074A0 · #004A55 · #001829

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

The five colors

• Parchment (#E8EBDE): bright and airy, almost weightless.
• Cyan (#68C0E2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001829): 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

• Tempered Petrol color palette (#E8F1EA, #7CBCD4, #006FA3, #004F52, #052E59)
• Patina Cobalt Harbor color palette (#F0F4E6, #94D0F4, #4581B1, #00586E, #2D1630)
• Ancient Denim Bloom color palette (#E2E8D8, #6DA1D2, #1D579F, #00364D, #00042E)
• Wandering Balcony color palette (#F3F3E4, #69E7E3, #00959C, #006356, #002B31)
• Petrol Thicket color palette (#F1F3EB, #C2E4E4, #77A897, #3B7483, #1D3D35)
• Washed Azure color palette (#FFF2EA, #C1EEFF, #4098DD, #006A64, #0F1B3F)
• Cerulean Station color palette (#EEEFE0, #3499A7, #005262, #002C2C, #000509)
• Raspberry Bloom color palette (#EDDCDC, #CB3D9E, #006FB6, #7B0A5D, #001326)

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