Muted Petrol color palette — #FBE9F5 · #57B0C3 · #006F9B · #004B3F · #001231

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FBE9F5): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#57B0C3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006F9B): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001231): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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 Ultramarine color palette (#F6E1E9, #57AAE4, #3761BB, #004950, #13073A)
• Ancient Petrol Lagoon color palette (#F7EDDC, #86C2D0, #007195, #003E3B, #000307)
• Patina Courtyard color palette (#F5E9F1, #4A9CAE, #004E79, #003122, #070642)
• Chalky Cobalt color palette (#FAE9E0, #79BCCC, #008AD5, #007053, #090641)
• Timeworn Azure Studio color palette (#FBF2F7, #9EE0F5, #559DCF, #007D71, #283A5C)
• Dusty Lantern color palette (#DAF7EE, #00A586, #006653, #002F26, #000503)
• Washed Balcony color palette (#D9EADF, #00C5C5, #009BD4, #5B6700, #001A16)
• Timeworn Plum Station color palette (#CFEAEA, #008E5F, #A6139E, #005336, #20001E)

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