Muted Lagoon color palette — #DEF5EB · #6C7400 · #005C9B · #393D00 · #001C35

Peacock and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEF5EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#6C7400): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005C9B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#393D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#001C35): 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 Lagoon 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 Dune color palette (#CFEAD1, #906300, #3749BD, #4D3300, #0B0F4C)
• Olive Parlor color palette (#F5EDD7, #756E00, #006569, #3C3800, #000A0B)
• Nightshade Archive color palette (#DEF3EC, #6B881D, #482AAD, #304000, #190A49)
• Chalky Veranda color palette (#F4D4E3, #A85100, #006284, #5B2900, #001E2B)
• Wandering Nightshade color palette (#F0EFD8, #645C00, #3C32B5, #48188A, #151200)
• Softworn Aubergine Field color palette (#DFE7C5, #5A6700, #6F009C, #2A3100, #1B002A)
• Worn Boulevard color palette (#E4E6C7, #798500, #444400, #1B1F00, #070900)
• Shadow Aubergine color palette (#C9F0F0, #00613F, #650072, #002817, #0F0012)

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