Moss Lagoon color palette — #FFF0F9 · #FFC1EC · #FC9F6D · #99A82B · #472200

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Thistle (#FFC1EC): A whisper-light, balanced pink — the color of neon signs at night.
• Melon (#FC9F6D): A luminous, balanced orange — the color of sun-warmed clay.
• Moss (#99A82B): A luminous, balanced green — the color of a quiet forest floor.
• Espresso (#472200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged candy, vibrant, light, warm.

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

• Linen Market color palette (#FFF0FB, #FDC0FE, #FF9599, #A6A13D, #4A2739)
• Pale Coast color palette (#FFF1F6, #FFB9BD, #F6A50D, #4EAF73, #3C2F00)
• Jade Alley color palette (#EBFAEA, #FFD7E0, #FAB380, #76BD7F, #1D442F)
• Timeworn Tangerine color palette (#FFF2EA, #FCA3AB, #F2824B, #A37800, #452100)
• Wandering Lime Corridor color palette (#FFF2EB, #F2EEB7, #E3D1CB, #ABB838, #2A1B00)
• Bronze Lantern color palette (#FCDCD4, #EA965E, #A77400, #635D00, #2A4616)
• Soft Blush Boulevard color palette (#FBD1E4, #FF7FC3, #DF7F00, #658100, #231900)
• Weathered Stone color palette (#E3DCF9, #D9A49A, #A19267, #70638C, #3F4265)

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