Moss Lagoon color palette — #D4E7D6 · #CD9827 · #5B9700 · #007166 · #002333

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

The five colors

• Celadon Mist (#D4E7D6): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#CD9827): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#5B9700): A luminous, vivid green — the color of fresh herbs.
• Teal (#007166): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Frosted Drift color palette (#D2E7DF, #9AAE35, #009C6E, #006E7C, #001E44)
• Wandering Olive color palette (#E2EFE3, #BB8400, #548200, #005F53, #270300)
• Softworn Olive color palette (#DBE1F2, #A79FFF, #408E36, #007070, #00213C)
• Muted Cypress Meadow color palette (#CBE6D3, #BCBA85, #71A396, #00847D, #00424C)
• Olive Coast color palette (#CBE9E0, #5E7F00, #006554, #003C50, #030100)
• Marigold Workshop color palette (#F3E0D0, #E19D45, #B27C00, #7E5C00, #3D3100)
• Emerald Field color palette (#D3F6F1, #009C30, #007373, #004773, #0B0020)
• Bronze Chapel color palette (#D4EAE8, #8FC9AA, #46A488, #9C691A, #003031)

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