Muted Petrol color palette — #EDF4EE · #D7DBED · #859DC4 · #327587 · #2C364B

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#D7DBED): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#859DC4): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#327587): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2C364B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Muted 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 Cerulean color palette (#EDF4EE, #C3E3EA, #469CA5, #266D52, #0B3041)
• Hushed Denim color palette (#D4E4D7, #78A2BF, #1D589A, #003842, #020230)
• Aged Cypress Terrace color palette (#F9F4EF, #CCE5E8, #8B97C3, #007E81, #694755)
• Petrol Cabin color palette (#E1EDE3, #87BDCC, #00759E, #004B49, #00172C)
• Weathered Studio color palette (#E5F6F1, #A4BE85, #B08CC2, #627B41, #302C4D)
• Weathered Balcony color palette (#FBF2F5, #D9D4DE, #CCBBE8, #619E9E, #494B62)
• Lagoon Ridge color palette (#E1EBE3, #288888, #00444D, #002017, #000203)
• Taupe Summit color palette (#DDF9F3, #86A873, #6B90BF, #9F666A, #122D28)

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