Teal Garden color palette — #FAF4EE · #C7E5E8 · #A8BBF3 · #51A8A7 · #4C4064

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#C7E5E8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A8BBF3): A luminous, balanced violet — the color of twilight just after sunset.
• Turquoise (#51A8A7): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#4C4064): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Lagoon Balcony color palette (#FFF2ED, #CCE9CF, #72BDDE, #5E9C71, #223B5E)
• Patina Periwinkle color palette (#F1F7F2, #D7DCF6, #85A6D9, #38869B, #3A4764)
• Soft Teal Meadow color palette (#E9FBEA, #74E0E3, #F0A3BE, #00B5B9, #613043)
• Cobalt Courtyard color palette (#FCECE1, #6CAAC6, #4074BE, #005E53, #0A0028)
• Soft Lagoon color palette (#DEFFE4, #92EEF6, #5CC4D1, #009496, #003535)
• Washed Iris color palette (#F8EFF2, #C7E0F5, #7689CD, #006C6D, #282A41)
• Hushed Teal Boulevard color palette (#DAF4C7, #96DCAB, #28C1B1, #18939E, #21526A)
• Tempered Garden color palette (#EBFAE7, #FDD6ED, #C0EAEB, #B0B286, #3D5946)

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