Muted Petrol color palette — #F2E7E0 · #73C0D7 · #2A6FA9 · #004D3C · #0F1035

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F2E7E0): bright and airy, almost weightless.
• Sky (#73C0D7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#2A6FA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0F1035): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Petrol Lantern color palette (#EEF0E5, #84BBCD, #007296, #004E57, #00324A)
• Muted Garden color palette (#F9F0E9, #9FCFE7, #587DB3, #005C52, #311527)
• Muted Nightshade color palette (#F4E6D8, #5CA4D5, #364EAB, #003938, #100126)
• Patina Hollow color palette (#EDF9EF, #BDEFFF, #0C9DD9, #006A6A, #001F3C)
• Tempered Harbor color palette (#F6E2DA, #339AA2, #00506D, #002E16, #000313)
• Worn Teal Field color palette (#A1F6DB, #00AF98, #006259, #003028, #000806)
• Navy Chapel color palette (#F4E5D8, #3781A7, #0F3384, #001F1D, #020009)
• Washed Quarry color palette (#F8F0EB, #C1ECEB, #AE91B0, #5E7253, #442E3C)

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