Muted Petrol color palette — #D4EADE · #A59A25 · #0066B5 · #5C5400 · #001B37

Built around Cobalt, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D4EADE): A whisper-light, dusty teal — the color of sea glass.
• Moss (#A59A25): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#0066B5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#5C5400): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#001B37): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Ultramarine Harbor color palette (#F8E3EB, #D28130, #005BD5, #7A4300, #001742)
• Worn Sapphire color palette (#FEECCD, #C29A22, #375AE9, #604A00, #01002A)
• Antique Dune color palette (#D2F2DF, #998700, #7D53DC, #5F5300, #21004C)
• Weathered Indigo Alley color palette (#DDEEE1, #D5A92C, #596CE9, #8C6C00, #0E1049)
• Soft Courtyard color palette (#FFE7F0, #C36E01, #008588, #7A4200, #002021)
• Tempered Alley color palette (#F6E9D4, #876800, #0044D8, #483600, #00144A)
• Nightshade Chapel color palette (#DDE4CE, #678000, #006EAE, #4E40A0, #0E1400)
• Pale Byzantium color palette (#DBF4EC, #83A627, #A213A0, #465C00, #310030)

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