Moss Lagoon color palette — #ECD6F2 · #FFBBA4 · #82B300 · #34431C · #23210A

A conversation between Lime and Melon, giving this palette its sense of nature and growth.

The five colors

• Thistle (#ECD6F2): A whisper-light, dusty pink — the color of peonies in June.
• Melon (#FFBBA4): A whisper-light, balanced orange — the color of toasted spice.
• Lime (#82B300): A luminous, vivid green — the color of new leaves after rain.
• Deep Olive (#34431C): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#23210A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Clover Harbor color palette (#ECE3D5, #FFA4A5, #00D776, #393B34, #202414)
• Fuchsia Garden color palette (#E9E2C0, #FF61E6, #B89E00, #362D00, #160E01)
• Wandering Mustard Coast color palette (#FEE9E2, #CFAFFF, #D8B000, #3B3C35, #30240D)
• Hushed Jade color palette (#FFE8E6, #96BAFF, #00C49C, #003F43, #162A2B)
• Quiet Coast color palette (#FFEEEA, #F3D4FF, #8DEF07, #22390E, #05120F)
• Worn Meadow color palette (#FAE8E1, #A6C7FF, #00DDB0, #256452, #192310)
• Timeworn Marigold Corridor color palette (#F9DBE7, #DF9200, #008F5F, #002113, #050901)
• Apricot Balcony color palette (#E5E3CF, #FF9041, #00BCBF, #00393B, #021A05)

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