Teal Coast color palette — #9DF4D7 · #00B9A1 · #00847C · #005B5B · #0C3E53

Turquoise and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Mint (#9DF4D7): A whisper-light, balanced teal — the color of shallow lagoons.
• Turquoise (#00B9A1): A luminous, balanced teal — the color of sea glass.
• Teal (#00847C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005B5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#0C3E53): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged 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

• Patina Teal Garden color palette (#D3F8F6, #26A7AD, #007987, #005260, #163454)
• Misty Quarry color palette (#D2E6D3, #00D696, #00A197, #007781, #004459)
• Muted Clover Dune color palette (#BFF1B4, #52BD6B, #008B4C, #006141, #004549)
• Cerulean Orchard color palette (#C4EDD4, #69BBDA, #0088B4, #00638E, #204A6D)
• Faded Cobalt Lagoon color palette (#BDF9F2, #00938A, #0072D2, #576900, #003935)
• Misty Studio color palette (#EAFBE5, #00AA9D, #9B7A00, #006B62, #493800)
• Antique Olive color palette (#E8F2D9, #7FB038, #2F8300, #036616, #004D21)
• Softworn Villa color palette (#D3EEFA, #0074A3, #004770, #002747, #110B2D)

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