Moss Lagoon color palette — #F6F6ED · #D1E0D0 · #B0C8B4 · #6B9633 · #464200

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

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Bone (#D1E0D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Stone (#B0C8B4): A luminous, dusty teal — the color of shallow lagoons.
• Olive Leaf (#6B9633): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#464200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Weathered Lagoon color palette (#FCF4E9, #D9DCC9, #BCC4A9, #AD7D00, #563900)
• Antique Pier color palette (#F1F7EE, #CEDDD8, #A6C9C0, #149B86, #3A4334)
• Emerald Market color palette (#FBF6DC, #A6C87E, #5B9846, #666E40, #30411A)
• Timeworn Dune color palette (#ECF9F4, #C9DFE7, #B1ABBC, #98B054, #33443E)
• Tempered Atelier color palette (#E3ECD0, #00A05C, #03523E, #232A0E, #111305)
• Abyss Workshop color palette (#EAF3E7, #A9BAA9, #7F9E87, #006058, #091806)
• Soft Clover Workshop color palette (#FDF6D2, #67BF6B, #00946D, #00628E, #0E4022)
• Clover Atelier color palette (#F4F8DE, #45B74D, #00898B, #853E00, #363200)

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