Moss Harbor color palette — #E2E0D2 · #8AAC11 · #00813D · #005746 · #004242
Built around Moss, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Bone (#E2E0D2): a clean, paper-quiet neutral.
- Moss (#8AAC11): A luminous, vivid green — the color of new leaves after rain.
- Olive (#00813D): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#005746): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#004242): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Moss Harbor 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
- Airy Pine Villa color palette (#EAF3E5, #6BA658, #26812F, #005229, #002917)
- Soft Bloom color palette (#DFEBB8, #66B66F, #009172, #006465, #2A4D3A)
- Wandering Amber Corridor color palette (#F9E5D4, #B99700, #727600, #2B5616, #0C4834)
- Hazy Basin color palette (#E0EECC, #00B073, #007C6E, #00555D, #223657)
- Airy Villa color palette (#D8FFEF, #00C397, #007049, #00402D, #00261A)
- Dusty Terrace color palette (#ECF2D5, #4DB666, #9D4388, #02692A, #4F2344)
- Wandering Taupe color palette (#F7E5CD, #A09A47, #845A0B, #49423E, #31312A)
- Feathered Emerald color palette (#E2EAC2, #2AA74B, #992662, #832B2A, #2A2E0F)
Browse the whole catalog at Explore, or see today's palette.