Moss Garden color palette — #F3EFDA · #5E8F00 · #00642D · #002E21 · #000404

A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3EFDA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#5E8F00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00642D): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#002E21): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000404): a grounded near-black with real depth.

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

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

• Timeworn Emerald color palette (#DFE6D7, #00A168, #005E54, #002D32, #000306)
• Dusty Bronze color palette (#F2DBC4, #A28400, #475700, #052801, #000402)
• Patina Olive color palette (#F0EFDF, #597400, #004C26, #002822, #01111B)
• Soft Moss Corridor color palette (#E8F2DA, #529F00, #00833B, #005135, #001C15)
• Mulberry Summit color palette (#D5F7F6, #24A562, #9D007A, #004926, #040002)
• Driftwood Terrace color palette (#D5EDDA, #868C3F, #634900, #391600, #000200)
• Airy Basin color palette (#EEF998, #75D448, #009567, #00655A, #002A30)
• Antique Periwinkle Boulevard color palette (#DEFFE6, #68E7F9, #669FF9, #5B5600, #000605)

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