Teal Harbor color palette — #FAF4EF · #C7DDE8 · #AEC8F3 · #64B2A9 · #674758
Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Silver (#C7DDE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#AEC8F3): A whisper-light, dusty violet — the color of twilight just after sunset.
- Turquoise (#64B2A9): A luminous, dusty teal — the color of glacier melt.
- Charcoal Brown (#674758): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, 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
- Dusty Taupe color palette (#FBF3F1, #D1E5DF, #9AD0E3, #84AF85, #2F524A)
- Tempered Cerulean color palette (#F1F7F2, #D9DEED, #8DB5DE, #2296A6, #41536E)
- Ancient Ash color palette (#F8EFF3, #D8D1E5, #839DCA, #3C7770, #303549)
- Periwinkle Parlor color palette (#FDF4E3, #DCC589, #7CCBE1, #72A9E9, #46423B)
- Tempered Garden color palette (#FEF3E9, #C7E1CD, #B9BBC6, #DFA2AA, #6D4D00)
- Hushed Lagoon color palette (#EFE7DE, #78AD9E, #5668D4, #005D5F, #0F0022)
- Muted Study color palette (#FFF2E9, #FBC8AD, #9BCCFB, #E78F5D, #2D564C)
- Emerald Archive color palette (#FFF2EE, #B2F2F3, #2EC7F9, #00AD4E, #1C406C)
Browse the whole catalog at Explore, or see today's palette.