Moss Garden color palette — #CFE9D4 · #809A38 · #005D35 · #391B4B · #010100

Moss and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CFE9D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#809A38): A luminous, balanced green — the color of new leaves after rain.
• Pine (#005D35): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#391B4B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Moss Garden 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 Lagoon Garden color palette (#C7EAE1, #47A181, #00595D, #451734, #000201)
• Dusty Olive color palette (#F6E9D5, #60751C, #004325, #320A46, #0C1200)
• Soft Pier color palette (#D8EA90, #8DA700, #4F5200, #121A00, #010100)
• Forest Thicket color palette (#E6FCE9, #99AC5C, #00733E, #4E3702, #060900)
• Dusty Canyon color palette (#DFF5E6, #676E00, #233F00, #400106, #030300)
• Timeworn Ultramarine Field color palette (#C9E9DB, #8D931F, #4543C2, #3D3F00, #01000A)
• Amber Dune color palette (#F4DCD1, #B87400, #5D4E00, #192600, #000300)
• Muted Workshop color palette (#E7EDCB, #646E00, #5A32C2, #4800AD, #010100)

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