Teal Garden color palette — #F4F7E7 · #80CA8B · #00B2B9 · #8C6EAF · #35240E

Turquoise takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#80CA8B): A luminous, balanced green — the color of new leaves after rain.
• Turquoise (#00B2B9): A luminous, balanced teal — the color of sea glass.
• Slate (#8C6EAF): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#35240E): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Feathered Mint Courtyard color palette (#EFF9E8, #31CDB8, #739AD1, #9F6BA9, #332711)
• Weathered Teal Orchard color palette (#FFF3E8, #CCCC86, #68B797, #9B709F, #3E3E36)
• Weathered Market color palette (#F7F6E8, #A8CC7F, #889DDB, #856EB2, #5A2620)
• Mustard Ridge color palette (#FBF4E8, #D7B65A, #78AD70, #528ABB, #3A231D)
• Chalky Plum Boulevard color palette (#E9FAEE, #00BACE, #7C8CD7, #A94C67, #1E1B02)
• Tempered Byzantium Drift color palette (#E4F7D6, #00C0A5, #009BBA, #AC1DB5, #241700)
• Hushed Apricot Studio color palette (#FFF2EB, #FD9878, #3FA3D8, #9970A5, #362227)
• Clover Thicket color palette (#E5E7D1, #7ABF65, #67755D, #4C4E00, #1B1810)

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