Teal Garden color palette — #EFF7F8 · #D3DBE9 · #BEBED3 · #3AB5A6 · #2D3E41

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

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D3DBE9): A whisper-light, dusty violet — the color of wild irises.
• Ash (#BEBED3): A luminous, dusty violet — the color of wild irises.
• Turquoise (#3AB5A6): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#2D3E41): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Azure Basin color palette (#EDF7FD, #D9D7ED, #E2B6DB, #00A8D3, #213642)
• Timeworn Lagoon Villa color palette (#F2F7F1, #CBDEDB, #AAC5C5, #33918D, #363D35)
• Antique Workshop color palette (#D8EAF3, #00ADCA, #4E6185, #26404C, #050F11)
• Hushed Harbor color palette (#C9F2F0, #98C8E4, #9AA6D8, #698D72, #364D3C)
• Washed Corridor color palette (#F0F8EF, #CDCE99, #76B272, #548F94, #203C30)
• Lagoon Orchard color palette (#E4ECEE, #B9C0D2, #B0A3CD, #00938F, #0A2329)
• Airy Azure Veranda color palette (#FFE7F3, #5CD3AC, #219EF2, #A95D2D, #053642)
• Celadon Ridge color palette (#E9F8FF, #9FFA92, #3BE5FF, #B1ACFF, #17374E)

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