Muted Petrol color palette — #EFF7F9 · #D6DAE2 · #BBBED1 · #29828A · #3F4A4E

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D6DAE2): a clean, paper-quiet neutral.
• Ash (#BBBED1): A luminous, dusty violet — the color of wild irises.
• Teal (#29828A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F4A4E): quiet, heavy and certain.

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

• Aged Petrol Boulevard color palette (#EAF4F7, #D4D8E5, #BEBBCD, #4D7D8A, #252E30)
• Muted Sapphire color palette (#F1F5FB, #DDD7EC, #B5BAD9, #3067BE, #354150)
• Timeworn Abyss color palette (#DEE8ED, #9AACB9, #6B819C, #003F4B, #021720)
• Tempered Quarry color palette (#ECF7FE, #C0D5EA, #91A6D5, #006480, #243540)
• Aged Grove color palette (#EAF8FF, #A1B6CD, #7F82AF, #74556B, #405740)
• Aged Pine color palette (#EAF9F3, #9BBA8D, #3C8457, #2D636D, #294944)
• Worn Sky Delta color palette (#EBF7FF, #52F4F4, #3ACAFC, #6A7FCD, #243C4D)
• Ancient Aubergine Summit color palette (#ECEEF6, #B7B6CC, #9387AD, #4A2B8E, #1B1E2F)

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