Moss Lagoon color palette — #F6F7E5 · #74B345 · #8786CD · #905C79 · #33332C
A conversation between Clover and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#74B345): A luminous, balanced green — the color of new leaves after rain.
- Lavender Blue (#8786CD): A luminous, balanced violet — the color of a velvet chair.
- Pewter (#905C79): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#33332C): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance. 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
- Hushed Moss color palette (#FDF5E0, #B0A121, #5F92CF, #7E6191, #35332C)
- Aged Market color palette (#F4F7E9, #39B067, #7F6CC2, #804351, #312919)
- Teal Studio color palette (#F0F9E7, #53C29B, #B08BC0, #986F63, #3B3E38)
- Mint Summit color palette (#FFF4E2, #35CDA2, #3195A4, #825073, #33422F)
- Dusty Plum Studio color palette (#FFF1F7, #DEA479, #A88ED7, #A0528D, #331D27)
- Dusty Villa color palette (#EFF9E4, #369572, #47769B, #63417E, #31342E)
- Hushed Peony Coast color palette (#E7FAFA, #7FCCAD, #7EB2E3, #C76E9D, #14393B)
- Hazy Lagoon color palette (#E3FEDF, #00ACA4, #C05DA1, #A93E1C, #1B3217)
Browse the whole catalog at Explore, or see today's palette.