Worn Petrol color palette — #E3ECE5 · #82BDD8 · #0071B0 · #004A50 · #001338

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

The five colors

• Parchment (#E3ECE5): a clean, paper-quiet neutral.
• Sky (#82BDD8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001338): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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 Studio color palette (#F6ECE5, #69BEE0, #2468B7, #005145, #2A284F)
• Washed Market color palette (#F4EEE4, #8ECEEC, #408DC6, #006B73, #192E4D)
• Antique Teal Lantern color palette (#E3EEE5, #50AEA9, #00646D, #003B29, #000D13)
• Ancient Workshop color palette (#E3E6FF, #E8B0F1, #DF84A3, #495493, #161229)
• Weathered Navy Ridge color palette (#D6E3D8, #517DA3, #00308E, #001E27, #01000B)
• Pale Amethyst Workshop color palette (#E1E4FC, #7C4BBE, #8B4C00, #00594E, #100222)
• Muted Grape Market color palette (#CDE0FB, #5974E4, #551BCC, #3F067A, #240430)
• Aubergine Lagoon color palette (#D9DEF6, #8663E1, #667300, #501DA0, #111400)

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