Worn Petrol color palette — #ECF4F3 · #D4DAEE · #7FA0BF · #007793 · #26384B

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D4DAEE): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7FA0BF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#26384B): 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

• Weathered Cypress Canyon color palette (#E7F5F7, #7CC3B7, #9297CD, #008477, #26304B)
• Tempered Petrol Loft color palette (#E2ECEA, #91BBCC, #00788E, #004B4B, #001923)
• Worn Meadow color palette (#FAF4EF, #C7EAEC, #769BD1, #347B7F, #604B59)
• Lagoon Dune color palette (#E3F6FB, #CDD9E9, #B7B8E5, #4F9889, #28424A)
• Dusty Cerulean color palette (#E9F5F2, #A6D9E9, #0094A2, #00635A, #002A33)
• Wandering Navy color palette (#DAEAEA, #587C9D, #003977, #001D2B, #00000B)
• Wandering Olive color palette (#DFF7FB, #5BAE9B, #5694C4, #7B7E18, #0C2C30)
• Muted Lagoon color palette (#DAEBE7, #4B9996, #005459, #002C25, #000507)

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