Teal Garden color palette — #F5F7E8 · #A3EBC8 · #00A996 · #50764D · #2D2F29

A conversation between Turquoise and Mint, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Mint (#A3EBC8): A whisper-light, balanced teal — the color of sea glass.
• Turquoise (#00A996): A luminous, balanced teal — the color of shallow lagoons.
• Olive (#50764D): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#2D2F29): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Emerald Garden color palette (#FAF5E6, #CBE3A4, #54A850, #377868, #27340B)
• Feathered Thicket color palette (#FAF7D8, #6BEAB3, #00BCBE, #7F915D, #144530)
• Cypress Station color palette (#E3FBF9, #6BB593, #007B63, #225F37, #064345)
• Patina Mint color palette (#F5F8DF, #5EE0A0, #00937D, #006470, #002615)
• Weathered Quarry color palette (#E4E3CA, #4DA35D, #005C42, #003234, #000200)
• Sky Veranda color palette (#FDF4E6, #D7D9E8, #27BCFF, #008788, #163756)
• Hushed Courtyard color palette (#F9F4EE, #C8DFCB, #A9B57D, #738D7E, #584300)
• Pine Studio color palette (#FCF5E1, #94AC6D, #097418, #00473A, #090800)

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