Teal Garden color palette — #ECF9F3 · #AEE1D7 · #80BC93 · #8E9567 · #284A44
A conversation between Mint Leaf and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Mint (#AEE1D7): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#80BC93): A luminous, balanced teal — the color of sea glass.
- Moss (#8E9567): A luminous, dusty green — the color of fresh herbs.
- Forest (#284A44): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Teal 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
- Teal Harbor color palette (#E8FAF4, #9FD7CF, #65B38C, #409391, #013F3A)
- Patina Powder color palette (#EBF8F7, #C2E6E8, #8AC0CB, #7CA3A0, #355355)
- Tempered Bronze Courtyard color palette (#FBF5E6, #CAE8C4, #64AF96, #8E722B, #393932)
- Jade Harbor color palette (#D8E9E2, #ABC39A, #5EA36D, #008879, #1B3005)
- Wandering Fern color palette (#D5F1E9, #68AA6F, #00845F, #446100, #001503)
- Marigold Summit color palette (#E7F9FF, #4FD3E0, #DB99E0, #CC9D2F, #0E3E4D)
- Muted Fern Station color palette (#F5F2E5, #A1BD94, #558163, #635500, #282918)
- Airy Teal Corridor color palette (#E7F9FE, #7CDFE1, #F8A3A0, #00B5B8, #613332)
Browse the whole catalog at Explore, or see today's palette.