Teal Garden color palette — #F1F8EC · #57A996 · #7B6496 · #704A25 · #3F3E36

Turquoise takes the lead with Slate close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F1F8EC): bright and airy, almost weightless.
• Turquoise (#57A996): A luminous, balanced teal — the color of glacier melt.
• Slate (#7B6496): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#704A25): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#3F3E36): a grounded near-black with real depth.

Feels like: Optimism, Creativity, 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

• Timeworn Basalt Grove color palette (#EBF9F1, #5FA2BB, #965D69, #734822, #494400)
• Hushed Cocoa Studio color palette (#F8F6E9, #939E6C, #4B749A, #794045, #603529)
• Washed Pewter color palette (#EDF8F5, #8BB6DD, #9082B9, #8F5176, #48413D)
• Mulberry Dune color palette (#E7FCE8, #008F92, #80348B, #503D00, #272E03)
• Washed Cerulean Harbor color palette (#D9FCDF, #82C6DC, #4F88B1, #4A648D, #5F4457)
• Garnet Field color palette (#EDF2F9, #7A9ECF, #7B6793, #772F4F, #391C2F)
• Hushed Parlor color palette (#FAF4EE, #C9E8EB, #8399C4, #387A81, #634A59)
• Ancient Corridor color palette (#FAF4ED, #C9C1A4, #85863D, #5D6A58, #5D4B00)

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