Moss Garden color palette — #E8E6C3 · #7C9400 · #426500 · #004917 · #002010

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

The five colors

• Celadon Mist (#E8E6C3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#7C9400): A luminous, balanced green — the color of new leaves after rain.
• Olive (#426500): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004917): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#002010): 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 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

• Washed Moss color palette (#FBEDD4, #9D9A00, #467300, #004D33, #00372E)
• Weathered Amber Veranda color palette (#F9E6CB, #AE8700, #655900, #3F4100, #152000)
• Soft Harbor color palette (#FFECCA, #C1C700, #618B00, #00653B, #00251F)
• Washed Emerald color palette (#D7E8D2, #00AD47, #007051, #004339, #001E1D)
• Emerald Balcony color palette (#D3FDEC, #9DBC86, #539956, #2B6E4C, #163A3D)
• Hazy Clover Alley color palette (#A7FECA, #00BA58, #006E3D, #00361B, #000902)
• Worn Byzantium color palette (#D8F4EF, #4AB023, #AB00CD, #174E00, #270031)
• Seafoam Corridor color palette (#C6FBF5, #3BEABD, #00C4C9, #596C00, #002617)

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