Moss Lagoon color palette — #F6F6EE · #AFF1ED · #73B8DD · #87A663 · #14221C

Moss and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6EE): a clean, paper-quiet neutral.
• Sea Foam (#AFF1ED): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#73B8DD): A luminous, balanced blue — the color of open sky before noon.
• Moss (#87A663): A luminous, balanced green — the color of fresh herbs.
• Onyx (#14221C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

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

• Amber Ridge color palette (#F9F4EE, #CDDCCB, #73BEB9, #B9934D, #162215)
• Timeworn Iris color palette (#F0F8F0, #A6F6F7, #9694E0, #009D9F, #1D0C16)
• Dusty Summit color palette (#EEF9ED, #76CDCA, #5897B3, #8D5F81, #302918)
• Muted Turquoise color palette (#FFF2EB, #B3ECCB, #69AEC1, #90675C, #374432)
• Wandering Lagoon Cabin color palette (#F1F3EB, #A0D1AD, #18968F, #3E8255, #0F190E)
• Worn Atelier color palette (#E5FFD4, #C3EEED, #72BDB7, #338496, #00436D)
• Hazy Azure Lagoon color palette (#F3F7E9, #95F1AC, #2695F4, #009748, #000D0A)
• Cobalt Workshop color palette (#EFF7F5, #B1CB8E, #2186BA, #5F7739, #252F38)

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