Teal Harbor color palette — #FAF4F0 · #C6DDE5 · #B3C1EF · #40A597 · #5A4558

Turquoise takes the lead with Sky close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C6DDE5): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#B3C1EF): A luminous, dusty violet — the color of wild irises.
• Turquoise (#40A597): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#5A4558): A full-bodied, dusty pink — the color of peonies in June.

Feels like: 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

• Teal Alley color palette (#FBF3F0, #C4DEE3, #99CFCD, #4EA582, #2D564C)
• Antique Terrace color palette (#FAF2F7, #D6E0F2, #6FA0C1, #417B71, #465466)
• Hushed Turquoise Quarry color palette (#EEF8F1, #B3ECE6, #F2C098, #00ACC7, #5F3D20)
• Periwinkle Study color palette (#FDF3EA, #D9D5E0, #80AEFF, #008690, #302C62)
• Faded Cerulean Meadow color palette (#E9FCDD, #B0F8FB, #59C4D6, #3290B9, #24584D)
• Worn Cobalt Harbor color palette (#FFF2EC, #99D7E6, #0084B8, #005346, #000B24)
• Weathered Parlor color palette (#F6ECE4, #80C0E4, #0063C8, #003D3F, #020013)
• Antique Denim color palette (#F8E8DE, #82AD9A, #00559D, #002B2B, #01000B)

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