Moss Lagoon color palette — #F7F6E9 · #BED87D · #B6B4FF · #92AA4D · #58354B

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#BED87D): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#B6B4FF): A luminous, balanced violet — the color of a velvet chair.
• Moss (#92AA4D): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#58354B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

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

• Honey Lagoon color palette (#FCF4E7, #E7C96F, #B1B6FF, #B99C40, #3C3E65)
• Aged Mallow color palette (#F3F7EA, #ADE4C0, #E3B1F5, #76BA90, #65414B)
• Washed Lilac color palette (#E6FBF2, #B6BF6B, #B38EF1, #80881D, #483A5F)
• Timeworn Mallow Loft color palette (#FDF5DF, #D1C053, #DE96E5, #CD86A2, #3A3831)
• Frosted Amber Lantern color palette (#FFF2EA, #FFB99C, #A6BAFF, #DF835C, #56364F)
• Pale Seafoam Veranda color palette (#F1F9E2, #6CF9AC, #FF90AF, #009C5E, #5F2236)
• Hushed Ridge color palette (#FCF5E5, #B6E9E0, #CCC6D7, #CDA27A, #4C4D00)
• Hushed Chartreuse Chapel color palette (#EEDAE0, #EABBFF, #AFDB00, #5E5D56, #28271C)

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