Moss Lagoon color palette — #D7FFF7 · #5FB42B · #008A82 · #005B87 · #3C2F00

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

The five colors

• Honeydew (#D7FFF7): A whisper-light, dusty teal — the color of sea glass.
• Clover (#5FB42B): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#008A82): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005B87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3C2F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.

Use it as a design system

One click turns Moss 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

• Dusty Clover color palette (#D9FEFA, #3DB755, #00888D, #834000, #343200)
• Ultramarine Studio color palette (#F0F9E2, #00CE89, #008EA1, #0844B7, #212400)
• Navy Veranda color palette (#C7E9EC, #009D7E, #006F86, #1D398F, #1F2200)
• Muted Canyon color palette (#E1FBFF, #00B4A2, #0082B0, #4A43A9, #1E3900)
• Frosted Olive Coast color palette (#E7FBEC, #C09400, #448B24, #00635D, #561900)
• Gentle Moss Harbor color palette (#E0FDEE, #B7C27D, #71942D, #6F6B37, #144436)
• Feathered Summit color palette (#A5F5C4, #23D596, #00A27E, #007966, #004E48)
• Hushed Emerald color palette (#DCF7F3, #18A222, #1A5134, #002E2A, #051512)

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