Muted Lagoon color palette — #D6F4DB · #0098A3 · #797600 · #00575D · #181700

Built around Olive Leaf, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D6F4DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0098A3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#797600): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00575D): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#181700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Linen Pier color palette (#D5E7F5, #008FD3, #1E8912, #00517B, #021C01)
• Soft Moss color palette (#C0EDFF, #00B3C4, #939200, #007783, #303000)
• Airy Grape color palette (#C8E6F2, #007E9C, #6A24ED, #006338, #001118)
• Washed Emerald color palette (#EAEEDA, #00A145, #AE5500, #005D24, #270E00)
• Tempered Veranda color palette (#DDEDDD, #00999A, #7C41EF, #005858, #1B0042)
• Ember Station color palette (#DDFCFF, #2ED9E6, #E85500, #007982, #390F00)
• Gentle Periwinkle Grove color palette (#D0FFE7, #9AD6FF, #67AFFF, #007784, #002130)
• Gentle Pier color palette (#BFEDFF, #0096A3, #C53500, #005962, #561200)

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