Muted Petrol color palette — #ECF4EF · #C8DADA · #A3BEB4 · #1F7080 · #1B231E

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#C8DADA): bright and airy, almost weightless.
• Ash (#A3BEB4): A luminous, dusty teal — the color of sea glass.
• Teal (#1F7080): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#1B231E): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Market color palette (#F5F0F5, #E2D1D4, #C8AEBD, #4B6494, #271D26)
• Wandering Cypress Corridor color palette (#EEF7FB, #D3D9EC, #A8B4C7, #02717B, #303D42)
• Hushed Cerulean Chapel color palette (#F1F7F2, #D1DEDE, #BBB8AB, #3C99A4, #273229)
• Aged Basin color palette (#F2F3E8, #80AD87, #00784C, #165146, #1B1E09)
• Abyss Corridor color palette (#DEE6E2, #A3B9B0, #70978C, #004B61, #000F07)
• Driftwood Alley color palette (#F6F0F4, #DFD4D5, #B7ABA4, #997692, #3A3438)
• Frosted Sky Canyon color palette (#DDFAEE, #66E2FF, #2CBAFE, #3F76C7, #001D16)
• Smoked Petrol color palette (#DFF5ED, #006B9F, #331A35, #00100B, #000301)

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