Teal Coast color palette — #91F7D7 · #00BCB4 · #00828E · #005875 · #2B3567

Built around Turquoise, softened by Sea Foam — the whole palette hums with trust and stability.

The five colors

• Sea Foam (#91F7D7): A whisper-light, balanced teal — the color of sea glass.
• Turquoise (#00BCB4): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00828E): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005875): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2B3567): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Pale Corridor color palette (#D3F2ED, #00B6C1, #007698, #005183, #3C2D67)
• Teal Balcony color palette (#D2E6D7, #00B999, #00887E, #005E68, #004355)
• Hazy Workshop color palette (#E9F8FF, #07C1F1, #00739E, #003F53, #002835)
• Softworn Cobalt color palette (#B8F3FD, #54B3DB, #2A7FD4, #4A5699, #613F51)
• Crimson Station color palette (#DBFFEC, #00A3CA, #E80C50, #006680, #681928)
• Chalky Moss Canyon color palette (#D1EBA2, #43B23B, #00854F, #005F4D, #0A4257)
• Scarlet Boulevard color palette (#D3F6DC, #0090A1, #D6002A, #885200, #00373F)
• Pale Bloom color palette (#D3EBF2, #16ADF6, #006FC5, #373FB3, #422E6C)

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