Teal Canyon color palette — #97FFDB · #00C2A1 · #008879 · #004E4B · #002122

Turquoise and Sea Foam set the tone — five colors that lean into calm and balance.

The five colors

• Sea Foam (#97FFDB): A whisper-light, balanced teal — the color of shallow lagoons.
• Turquoise (#00C2A1): A luminous, balanced teal — the color of glacier melt.
• Fern (#008879): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004E4B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002122): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Balance. Tagged cool.

Use it as a design system

One click turns Teal Canyon 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

• Soft Aqua color palette (#89F9FD, #00C7DC, #0092A7, #00546A, #002736)
• Airy Mint Lagoon color palette (#CDE6D7, #00CCA2, #00A693, #007578, #003037)
• Clover Atelier color palette (#E2F6D8, #3CD14D, #008D48, #00603B, #001F14)
• Aqua Corridor color palette (#DDFCFF, #00D5E6, #00858E, #004247, #000303)
• Gentle Drift color palette (#E3FEE4, #00C2C5, #9777F4, #007274, #1C083F)
• Lagoon Coast color palette (#DDFCFF, #D4DFEC, #9FD9FF, #3C9796, #052514)
• Cobalt Ridge color palette (#E8F8FF, #54C8FE, #008CCE, #004F7E, #002348)
• Patina Indigo color palette (#DEFCFF, #00A5B2, #5672FA, #357E14, #001012)

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