Muted Petrol color palette — #F7EAF2 · #6BC6DB · #006F9E · #003F35 · #00020C

A conversation between Peacock and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Sky (#6BC6DB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006F9E): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Powdered Ridge color palette (#FEE7EE, #82BDF1, #3C5BCA, #003D45, #030011)
• Pale Ridge color palette (#FEF1F7, #9CD5F1, #2B7CCE, #005151, #060035)
• Timeworn Cerulean color palette (#EEF0E2, #7DBBCB, #0091B5, #006C72, #001722)
• Ancient Orchard color palette (#C1E8FF, #00A7E4, #005875, #001B27, #000103)
• Hushed Lilac Workshop color palette (#EAF8FF, #B0D3FF, #B092E4, #006658, #00060F)
• Cerulean Corridor color palette (#F4E9E2, #399EB3, #005072, #003129, #001232)
• Softworn Hollow color palette (#E0F0F9, #008CAC, #BB2500, #004354, #040000)
• Terracotta Grove color palette (#D0E5EE, #007290, #992E00, #6B2F00, #000102)

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