Muted Petrol color palette — #ECF3F6 · #D4D7DF · #BABBCB · #00839A · #212E35

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

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D4D7DF): bright and airy, almost weightless.
• Ash (#BABBCB): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#00839A): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#212E35): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Petrol Grove color palette (#F1F7F2, #D1DFE0, #D5BDBF, #3C8089, #404B43)
• Patina Studio color palette (#EFF2F8, #D9D4DF, #BCBBDB, #4D62BE, #1A2538)
• Washed Boulevard color palette (#E9F5F1, #90BEB9, #43846A, #2A5D6B, #022E2C)
• Ancient Study color palette (#E5F4FF, #A1B5CF, #797F99, #6C4C5E, #25402D)
• Abyss Canyon color palette (#E7EEF2, #94A2AF, #6B7D99, #003C50, #00050A)
• Chalky Garnet Meadow color palette (#E5F7E9, #51A9C7, #4969AA, #782818, #0E2536)
• Washed Aubergine Courtyard color palette (#E9EAF4, #B3B1BF, #9586A5, #572385, #09081B)
• Pale Cocoa color palette (#EAF3FA, #4A98BB, #7D508B, #6B2A00, #0F2500)

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