Moss Lagoon color palette — #ECF9F2 · #868700 · #007D76 · #6F413A · #2F3B2F

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Olive Leaf (#868700): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007D76): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#6F413A): A full-bodied, dusty orange — the color of autumn markets.
• Forest (#2F3B2F): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, muted.

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

• Timeworn Amber Workshop color palette (#EFF8EE, #B78030, #41704B, #663B4E, #3B2F36)
• Emerald Chapel color palette (#EAF9F7, #4F945D, #007190, #3F4E71, #273630)
• Moss Parlor color palette (#EBF9F3, #868F3D, #8E576C, #6F3C30, #29362C)
• Antique Jade Harbor color palette (#E4FCF1, #89B76B, #4C8663, #3C5E73, #364D4A)
• Olive Boulevard color palette (#D8FFF4, #597800, #00636B, #5E2300, #0A2918)
• Wandering Terrace color palette (#E9F5EF, #918E54, #3C6895, #5C395E, #26151F)
• Emerald Summit color palette (#E4F6F4, #2C934B, #244243, #1D2C2B, #111618)
• Weathered Driftwood Alley color palette (#EEF8F5, #D0DDE0, #AAABB9, #658B80, #4C5552)

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