Muted Petrol color palette — #DFE0D2 · #53B0BB · #008296 · #005D5B · #000B11

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Bone (#DFE0D2): bright and airy, almost weightless.
• Cyan (#53B0BB): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#008296): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005D5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000B11): 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

• Cerulean Meadow color palette (#EBECE0, #76BDCB, #0091B1, #006C70, #001721)
• Cornflower Corridor color palette (#D6EBE0, #70B8E3, #4694FF, #007787, #000E17)
• Muted Denim color palette (#EADCD6, #48A2AA, #00617D, #003D2C, #000A17)
• Patina Olive color palette (#D2EED8, #008F9B, #787500, #006069, #070600)
• Patina Alley color palette (#E4E9DC, #75A5D4, #006FE3, #00587B, #00022C)
• Wandering Terrace color palette (#EDDAD3, #2E8690, #00415C, #002110, #000109)
• Hushed Grape color palette (#D3EFE1, #007A9E, #742DE0, #006946, #000204)
• Azure Dune color palette (#EDF0E6, #AFE0C9, #1AB1F5, #008DA4, #08304D)

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