Worn Petrol color palette — #E3F3F2 · #71A9CB · #006CA8 · #004759 · #00142C

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

The five colors

• Cream (#E3F3F2): bright and airy, almost weightless.
• Blue Fog (#71A9CB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006CA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004759): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00142C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Cypress color palette (#D2EAE4, #5CB2AF, #00757A, #004B40, #00181C)
• Wandering Petrol color palette (#ECF0E2, #72C1EE, #006DA9, #003C4B, #000309)
• Ancient Cornflower color palette (#EBDED3, #7BB9DC, #137FF6, #006C6F, #0E0540)
• Dusty Navy color palette (#F7E5ED, #5C97B9, #004696, #002F31, #0F0045)
• Petrol Corridor color palette (#EEF7F7, #B7D9F7, #6C99C9, #1E7697, #223A60)
• Aged Corridor color palette (#DAF2F1, #009999, #006361, #003030, #000504)
• Antique Study color palette (#DBEDE8, #008B76, #865D00, #005144, #180D00)
• Faded Denim Harbor color palette (#C1ECE6, #00766E, #005BA9, #435200, #000A09)

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