Moss Lagoon color palette — #F7F7DC · #66B300 · #3A6FE2 · #90284D · #56122B

A conversation between Clover and Sapphire, giving this palette its sense of nature and growth.

The five colors

• Custard (#F7F7DC): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#66B300): A luminous, vivid green — the color of fresh herbs.
• Sapphire (#3A6FE2): A full-bodied, vivid violet — the color of wild irises.
• Raspberry (#90284D): A full-bodied, balanced red — the color of embers at dusk.
• Mulberry (#56122B): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Energy. Tagged 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

• Softworn Moss Ridge color palette (#FAF6DE, #92A800, #007DC4, #81336D, #520F44)
• Gentle Indigo Harbor color palette (#F1F9DE, #00B964, #7759E4, #952636, #5A1200)
• Airy Moss color palette (#E2E4CC, #3E9F00, #2A5AC7, #7A1712, #420101)
• Pale Bloom color palette (#DAFEFA, #4FCB6F, #0083D4, #8F0069, #2E1E00)
• Softworn Basin color palette (#FFF4DE, #967B00, #005AA6, #7A0A00, #432300)
• Patina Station color palette (#EDFAE9, #00BEAF, #A169A1, #89483E, #46350C)
• Mint Loft color palette (#D8FBB8, #5CD1B4, #40A8C4, #955C5D, #6E3639)
• Washed Lime Study color palette (#FDF5DD, #8FCF70, #009F6D, #6B6961, #3B3B34)

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