Teal Garden color palette — #D8E8EC · #00C3BD · #4A7787 · #3A4D52 · #111A1C

Built around Turquoise, softened by Slate — the whole palette hums with sophistication.

The five colors

• Frost (#D8E8EC): bright and airy, almost weightless.
• Turquoise (#00C3BD): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4A7787): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3A4D52): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#111A1C): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Aqua Boulevard color palette (#E9F4FA, #61C5E9, #637F95, #485760, #1D2326)
• Muted Clover Alley color palette (#D4EAE7, #6AC263, #507877, #384F4C, #101B18)
• Ancient Alley color palette (#D8E8EC, #00A59B, #2F5265, #1A3237, #111A1A)
• Tempered Periwinkle Station color palette (#D6E1EB, #2FA8FF, #4A6896, #2D445A, #05131D)
• Patina Market color palette (#E8F9F8, #A9E1E2, #5BC1A6, #6A9B98, #29494A)
• Powdered Sky Villa color palette (#B7F5FB, #68E0F4, #00C2E6, #2B99BC, #1D4B60)
• Pale Grove color palette (#EEF6FF, #83C5FF, #D793FD, #54B9A8, #293A4A)
• Velvet Denim color palette (#D3ECFF, #00648C, #002340, #0B0E16, #000204)

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