Teal Garden color palette — #B9F8D2 · #76D9BE · #21AAA5 · #507096 · #414A72

Turquoise and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#B9F8D2): A whisper-light, balanced teal — the color of glacier melt.
• Lagoon (#76D9BE): A luminous, balanced teal — the color of sea glass.
• Turquoise (#21AAA5): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#507096): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#414A72): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Quiet Turquoise color palette (#BBEEF9, #80C9CE, #39AACD, #6E6EA2, #54426B)
• Jade Corridor color palette (#EAF0B7, #A8C892, #6AAB76, #007889, #335167)
• Timeworn Turquoise color palette (#FFF3E2, #B9E0BF, #56B0C3, #876F8F, #4D3654)
• Cerulean Balcony color palette (#D6E8E5, #29A4B0, #00809D, #4A4471, #2E1A40)
• Gentle Aqua Pier color palette (#D3FFFF, #00DCDA, #009A9B, #00605E, #002A29)
• Lichen Thicket color palette (#F2F3AE, #84C299, #488C96, #7A4351, #612F22)
• Mint Ridge color palette (#D9E9E0, #00CD9A, #009E80, #00796B, #004642)
• Seafoam Courtyard color palette (#DCF4C6, #9DDDB8, #95B595, #A082AF, #63334D)

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