Muted Petrol color palette — #DAFBEF · #0073AC · #834000 · #004026 · #00140E

Cerulean takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DAFBEF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0073AC): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#834000): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00140E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Hushed Garden color palette (#E1F8F1, #0072BC, #970040, #393C00, #000C17)
• Timeworn Indigo color palette (#FDECF8, #5B73F8, #943D00, #00433B, #001D1D)
• Airy Villa color palette (#FFECF5, #704EC0, #7B4000, #003A2C, #15020C)
• Frosted Study color palette (#F1F5FF, #877DFF, #876E00, #6D5800, #002623)
• Sapphire Hollow color palette (#FFF0FD, #005EE0, #900F72, #00453D, #002B1D)
• Patina Olive Villa color palette (#FDEDF0, #B27AB3, #537528, #0B4E6B, #261519)
• Airy Balcony color palette (#FFEDEB, #C41E7C, #6E4D00, #003E3B, #1B000E)
• Misty Courtyard color palette (#F4F4D6, #7681FF, #9B288B, #004B32, #201434)

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