Muted Petrol color palette — #E7F1E9 · #89C2CC · #007291 · #003E39 · #000307

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

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Ash (#89C2CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Muted Lantern color palette (#EEF8F0, #AAD2EB, #0081C4, #005156, #000B24)
• Hushed Ultramarine Summit color palette (#DBE5DD, #83A6C5, #004EAF, #002A34, #00000B)
• Muted Lantern color palette (#EDE3D4, #00A1B5, #005269, #00302C, #001625)
• Faded Cobalt Field color palette (#EEE1EB, #64BFD1, #008CCD, #00704E, #060D38)
• Turquoise Canyon color palette (#F0F8F1, #D7D6E3, #5EB1D9, #007F7B, #08314F)
• Soft Courtyard color palette (#F1E3EC, #CF4D31, #007485, #701500, #000102)
• Nightshade Quarry color palette (#F2D6E7, #AD3D00, #006945, #3C00B6, #040000)
• Antique Alley color palette (#CDEFDC, #828C52, #574E00, #2D1F00, #010200)

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