Moss Lagoon color palette — #F6F7E3 · #A3C390 · #3EB2E5 · #519500 · #044963

Olive Leaf takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F7E3): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A3C390): A luminous, dusty green — the color of new leaves after rain.
• Cyan (#3EB2E5): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#519500): A luminous, vivid green — the color of a quiet forest floor.
• Navy (#044963): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Lagoon Canyon color palette (#F1F8EA, #87C8AC, #7FA4EA, #00976F, #304264)
• Feathered Pier color palette (#E3FBF6, #AFE79A, #6EC7F4, #6C985B, #173C53)
• Worn Amber Canyon color palette (#F7F7E0, #8EB26E, #00AEB1, #BE7100, #383831)
• Antique Emerald Drift color palette (#F2F7ED, #9ED2B9, #D5A77A, #0EA575, #524C46)
• Pale Olive Cabin color palette (#D7F4E2, #0096B2, #6C7E00, #005D6F, #181E00)
• Washed Moss color palette (#E1F5E5, #2EBCCB, #9E9B00, #00818C, #393800)
• Fern Corridor color palette (#F5F7E2, #C7E4CD, #93D0D7, #7F9B5A, #495304)
• Worn Iris Lantern color palette (#E8FCE5, #00C8BD, #9488FF, #008A82, #38287C)

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