Emerald Garden color palette — #F2F2DD · #4B9100 · #006646 · #003531 · #001015

Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F2F2DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#4B9100): A full-bodied, vivid green — the color of fresh herbs.
• Pine (#006646): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003531): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001015): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Emerald 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

• Lagoon Canyon color palette (#DDF1D2, #009871, #005E5E, #00323C, #000B18)
• Muted Emerald color palette (#E6F0D6, #3CA745, #006540, #002621, #000202)
• Timeworn Market color palette (#F1E6DA, #8F7E00, #3C6500, #00341C, #00110E)
• Weathered Ridge color palette (#F1E1C6, #939B00, #00843A, #005355, #000C12)
• Sunlit Lagoon color palette (#F4D8C7, #568100, #005751, #4D0144, #001003)
• Pale Lime Terrace color palette (#E0E4C2, #3ACD13, #008C6D, #005B5E, #002A3B)
• Emerald Orchard color palette (#D6E8E6, #B59F00, #00A257, #007787, #00110B)
• Fern Villa color palette (#DBECE7, #99BCBB, #7D9CA2, #425D00, #011913)

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