Teal Harbor color palette — #F8F5EF · #C2E0E4 · #9BC7E7 · #63B498 · #355243

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C2E0E4): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9BC7E7): A luminous, dusty blue — the color of open sky before noon.
• Jade (#63B498): A luminous, balanced teal — the color of glacier melt.
• Deep Olive (#355243): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Turquoise Corridor color palette (#F8F5EF, #C4DEEA, #B2BFEA, #43B5BC, #614962)
• Tempered Lagoon color palette (#FBF3F1, #D0E4DF, #90BDA7, #569766, #5E4B5F)
• Patina Turquoise Meadow color palette (#EDF4EE, #CAE2F8, #64A9B4, #457665, #263944)
• Cerulean Canyon color palette (#EDE5D8, #74BDCB, #0090B8, #006E66, #001626)
• Chalky Sky color palette (#FDF4E6, #B5F0FF, #42C5FD, #00A6A1, #00436F)
• Hushed Turquoise Corridor color palette (#FFF1F3, #E5B4E7, #D5BA81, #41C3D0, #56393E)
• Aged Atelier color palette (#F9F5E8, #DEDABF, #C2B590, #A4905F, #4B4B00)
• Weathered Wisteria color palette (#FFF1F4, #E7C8F1, #AFD3A0, #CC8BE0, #4D4E46)

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