Muted Petrol color palette — #ECF4EF · #CDD8D9 · #A5BEB5 · #007089 · #14251C

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CDD8D9): a clean, paper-quiet neutral.
• Ash (#A5BEB5): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007089): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#14251C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Denim Orchard color palette (#F7EFF5, #E2D1D3, #C5B0BB, #4C61A0, #251E24)
• Petrol Meadow color palette (#EFF6FA, #D6D9E5, #A8B4CA, #007082, #2B3E46)
• Weathered Station color palette (#F0F7F2, #D1DDDE, #B7B5AA, #3398AC, #27312B)
• Washed Cypress Ridge color palette (#F1F4E0, #9AA67D, #237557, #374E2F, #181F01)
• Washed Drift color palette (#E2EDE8, #A4B9B2, #978798, #004A66, #010E08)
• Petrol Drift color palette (#D3E5DF, #0068AB, #331A32, #00100C, #000302)
• Weathered Alley color palette (#F0E3EC, #BD9FAE, #867197, #6F4246, #401F0D)
• Chalky Azure color palette (#DAFAEE, #6ADDFF, #22ADED, #4A76BE, #001629)

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