Teal Coast color palette — #CCF2E6 · #00AD98 · #00827A · #005453 · #002B2D

Built around Turquoise, softened by Teal — the whole palette hums with calm and balance.

The five colors

• Honeydew (#CCF2E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00AD98): A luminous, balanced teal — the color of sea glass.
• Teal (#00827A): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005453): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#002B2D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Teal Coast 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 Corridor color palette (#BDE9E2, #00918A, #006767, #003B41, #00171B)
• Dusty Seafoam color palette (#DEFFE5, #0BF1AC, #00A898, #006A76, #003749)
• Quiet Clover color palette (#D6E5D2, #42B559, #007F42, #005338, #002D21)
• Patina Turquoise color palette (#D8F9FF, #00C2DA, #008090, #004149, #001418)
• Cobalt Alley color palette (#AEECFC, #55B4D5, #0085B1, #00597F, #08314D)
• Airy Ridge color palette (#DCF7FF, #00AEAE, #8A66E5, #006969, #270556)
• Indigo Thicket color palette (#B3F2F9, #0094A0, #4E66E3, #2B740B, #001C20)
• Muted Cobalt color palette (#E5F2FF, #99BBE9, #6986C0, #4E5A87, #2A3652)

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