Teal Harbor color palette — #FAF4F0 · #C5DDE5 · #AFC4F6 · #4FA392 · #5B455A
A conversation between Turquoise and Sky, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Silver (#C5DDE5): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#AFC4F6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Turquoise (#4FA392): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#5B455A): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Creativity, 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
- Powder Loft color palette (#EFF7F6, #D5DDEC, #83D4F2, #6BAFB5, #3D5667)
- Timeworn Turquoise Field color palette (#ECF9F2, #CBE1FF, #FFB6AD, #00AAD4, #643833)
- Patina Cerulean Terrace color palette (#EBFCDD, #C7F0FF, #5ABDD2, #298CAF, #59405B)
- Ash Corridor color palette (#F1F3EB, #C0E7E3, #72A5B8, #57735B, #253C33)
- Tempered Lantern color palette (#FCF3EC, #D8D5E1, #7BAFFF, #00878D, #2D2C66)
- Aged Cobalt color palette (#FDF3EE, #95D9E6, #0085B5, #005344, #000C21)
- Tempered Veranda color palette (#F5E7DF, #6EACC6, #005795, #002B2A, #00000B)
- Hushed Petrol color palette (#DCFFF1, #BAE5E4, #7BB7DB, #18759C, #002D42)
Browse the whole catalog at Explore, or see today's palette.