Teal Garden color palette — #F0F8E9 · #70BDA4 · #B08EB4 · #A06A67 · #37412E

Mint Leaf takes the lead with Mocha close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F0F8E9): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#70BDA4): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#B08EB4): A luminous, dusty pink — the color of peonies in June.
• Mocha (#A06A67): A full-bodied, dusty orange — the color of toasted spice.
• Forest (#37412E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged muted.

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

• Hushed Teal color palette (#EFF8ED, #4CB7AE, #A072A4, #8E614E, #33322B)
• Softworn Taupe color palette (#F7F6EA, #A0B475, #9198C7, #946B8D, #453E00)
• Wandering Seafoam color palette (#E5FAFC, #79D9BA, #CA9BD0, #A7726C, #1E3638)
• Aqua Meadow color palette (#FDF4E6, #7ECDD7, #7297B7, #8F6062, #384D42)
• Muted Bronze color palette (#E9FAF3, #5BA8D6, #C27970, #8A6914, #1A3A30)
• Soft Peony Atelier color palette (#E8FCE7, #00ABA9, #C55A99, #AA3F00, #003332)
• Washed Drift color palette (#EDF9F1, #D9C171, #F299A8, #B29569, #304236)
• Aged Lagoon Harbor color palette (#F2F7F0, #C1DAB3, #809CCD, #3D9F8C, #342A33)

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