Soft Emerald color palette — #E3FCF3 · #C1E6AB · #64A462 · #007A7F · #1D3608
A conversation between Moss and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E3FCF3): A whisper-light, dusty teal — the color of sea glass.
- Celadon Mist (#C1E6AB): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#64A462): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007A7F): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#1D3608): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Soft Emerald 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
- Teal Alley color palette (#E0FCFB, #A1EBCC, #02AA8F, #00749E, #003827)
- Patina Moss color palette (#F9F6E2, #85B44E, #377B25, #045D5E, #3B3B34)
- Dusty Orchard color palette (#D2EAE1, #66863F, #144900, #340D00, #010100)
- Softworn Teal Coast color palette (#E3FBFA, #5DB694, #00705E, #00425B, #000A05)
- Turquoise Coast color palette (#ECF8F6, #CAD9F3, #00C4D8, #00897E, #003C48)
- Pine Atelier color palette (#E6FAF6, #9DC89D, #2B8B55, #005C68, #001D1B)
- Soft Clover Pier color palette (#ECF9EE, #D0D58B, #69BD44, #8380C0, #3C3E0D)
- Lime Lantern color palette (#FFF0D7, #A6B141, #3D7C30, #4B4475, #272000)
Browse the whole catalog at Explore, or see today's palette.