Moss Harbor color palette — #DEE1D1 · #7DA200 · #377700 · #003E1F · #00140C

Olive Leaf and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DEE1D1): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7DA200): A luminous, vivid green — the color of a quiet forest floor.
• Olive (#377700): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#003E1F): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#00140C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Aged Olive color palette (#E8DFC5, #8D9E00, #448900, #006F48, #002621)
• Soft Amber Harbor color palette (#FCE9CC, #B79900, #706D00, #323C00, #040B00)
• Emerald Canyon color palette (#D7ECD8, #00AA6B, #00725D, #00463E, #001616)
• Wandering Emerald Terrace color palette (#E2F5D8, #009546, #005C39, #002D24, #000403)
• Chalky Lagoon color palette (#DDFFE8, #23C489, #00754A, #002818, #000201)
• Byzantium Thicket color palette (#ECF3CA, #54B960, #9F36AF, #005F1A, #120015)
• Airy Drift color palette (#F0FBD8, #96F4DA, #2BD6E9, #4B6F1C, #001C14)
• Weathered Mint color palette (#C1FFC3, #00DB91, #009374, #005B53, #002425)

Browse the whole catalog at Explore, or see today's palette.