Teal Harbor color palette — #CAECCB · #00BBA5 · #00969B · #005C70 · #001E22

Turquoise and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CAECCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#00BBA5): A luminous, balanced teal — the color of sea glass.
• Cerulean (#00969B): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#005C70): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#001E22): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

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

• Denim Archive color palette (#C2EAD8, #00ACC0, #008CB6, #005192, #001624)
• Airy Boulevard color palette (#DCF7DC, #00B079, #008A8E, #00649C, #00090D)
• Dusty Pier color palette (#D6E6C1, #00B644, #008D64, #006860, #001B14)
• Quiet Archive color palette (#BAE9F6, #00D398, #00AEAF, #0078B1, #00181D)
• Patina Cerulean color palette (#CBEDF2, #0095BA, #2F5879, #462C5A, #3E1527)
• Denim Terrace color palette (#EBF0DD, #57A8D9, #005B94, #003B4C, #031F40)
• Muted Drift color palette (#D4F5FF, #0085AA, #005B7F, #00304B, #131338)
• Sapphire Coast color palette (#DAFFEE, #00D0EF, #00A1D8, #0069C5, #002D48)

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