Moss Lagoon color palette — #E8F5F1 · #8BAE4B · #00784D · #455F00 · #000809
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F5F1): bright and airy, almost weightless.
- Moss (#8BAE4B): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00784D): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#455F00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#000809): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Soft Olive color palette (#EBF5EE, #B89F26, #357600, #645400, #000907)
- Jade Balcony color palette (#E9F4F4, #4BB78B, #00727E, #006546, #00080D)
- Wandering Jade Veranda color palette (#E4F3E5, #4DB882, #007A5C, #00463C, #001C1A)
- Moss Terrace color palette (#F9F5E9, #AA9C10, #00697B, #595100, #061E11)
- Feathered Lime color palette (#F6F6EA, #97C565, #00967C, #597F2B, #111C08)
- Aged Corridor color palette (#ECF4F2, #CCD8DD, #A1BEBE, #437237, #132422)
- Olive Terrace color palette (#D6E5E1, #448D00, #00503C, #1C4100, #000202)
- Worn Pine color palette (#DEF3F3, #007B52, #183F54, #00331F, #000102)
Browse the whole catalog at Explore, or see today's palette.