Moss Lagoon color palette — #F3F3E5 · #80B248 · #5F55AE · #3E610C · #0D0309
Built around Clover, softened by Iris — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F3E5): a clean, paper-quiet neutral.
- Clover (#80B248): A luminous, balanced green — the color of a quiet forest floor.
- Iris (#5F55AE): A full-bodied, balanced violet — the color of a velvet chair.
- Olive (#3E610C): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0D0309): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.
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
- Grape Ridge color palette (#EFF4E8, #19BC85, #8043A8, #006545, #0F0306)
- Moss Market color palette (#F5F2E4, #94AD02, #006E91, #4E5D00, #000904)
- Hazy Pine Atelier color palette (#E9F9F7, #7EC984, #138AC0, #33853F, #081A27)
- Frosted Nightshade color palette (#ECEFDF, #009137, #3129A4, #004315, #040002)
- Wandering Plum color palette (#E7F7EA, #00BDCF, #B6305E, #006772, #190201)
- Mulberry Canyon color palette (#E9F1E0, #00926A, #843168, #5C1A00, #290700)
- Quiet Teal Balcony color palette (#E6F1DE, #00BB99, #007982, #003B61, #10004C)
- Muted Atelier color palette (#EDF4EC, #68D8D5, #9574A3, #1A827F, #1E1215)
Browse the whole catalog at Explore, or see today's palette.