Worn Petrol Market color palette — #ECF4F3 · #D3D9EB · #79A1C1 · #27768C · #27384A

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D3D9EB): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#79A1C1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#27768C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#27384A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn Petrol Market 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 Courtyard color palette (#E0ECEA, #8EBBCD, #00788D, #004B4B, #001922)
• Muted Denim Boulevard color palette (#E3F5FF, #87BDD4, #4597C1, #005E8E, #1E3851)
• Patina Lagoon color palette (#E7F4FF, #70A2CB, #9F7DB8, #1D8B78, #14293B)
• Aged Garden color palette (#FAF4EF, #C7EBEC, #7C9BC6, #357B7D, #5F4C59)
• Softworn Petrol Lagoon color palette (#E6F4FF, #83BCDC, #7FAA71, #007BAA, #213819)
• Softworn Lagoon Loft color palette (#FAF3F6, #D8D4DF, #BFBFE8, #53A0A3, #424D67)
• Softworn Grove color palette (#D9EEEE, #587C9D, #003A75, #001D2B, #00000A)
• Antique Cerulean color palette (#E7F5F2, #A4DAE9, #0094A0, #006359, #002B32)

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