Moss Lagoon color palette — #F8F6E4 · #8AAF3E · #A373BC · #586F2A · #5B3541
Moss takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8AAF3E): A luminous, balanced green — the color of new leaves after rain.
- Dusty Rose (#A373BC): A luminous, balanced violet — the color of a velvet chair.
- Olive (#586F2A): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#5B3541): A deep, shadowed, dusty rose — the color of pressed rose petals.
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
- Aged Peony color palette (#F1F9E4, #52B683, #BD699D, #277650, #5C3637)
- Softworn Summit color palette (#FEF4E1, #BA9D36, #8181C6, #7A6300, #3E3D65)
- Dusty Balcony color palette (#F1F4E2, #7FB37F, #8C81CE, #39743B, #272046)
- Moss Parlor color palette (#F8F8D5, #649B24, #8A6AAD, #805885, #383831)
- Emerald Meadow color palette (#E6FAF6, #9AC68C, #AB97DD, #579243, #463B60)
- Aged Cocoa color palette (#FFF3E9, #BFA278, #92674B, #7B3E21, #403D36)
- Crimson Bloom color palette (#E7FDDD, #00AB95, #DE2F5C, #006C5D, #68192A)
- Byzantium Terrace color palette (#BFF4CE, #27AE64, #9A00AD, #005F31, #490953)
Browse the whole catalog at Explore, or see today's palette.