Teal Harbor color palette — #FBF3EF · #C7E6E3 · #88C6EC · #3CAD98 · #573D57
A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Silver (#C7E6E3): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#88C6EC): A luminous, balanced blue — the color of deep harbor water.
- Turquoise (#3CAD98): A luminous, balanced teal — the color of sea glass.
- Charcoal (#573D57): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Sky Study color palette (#FDF3EC, #C9E9DA, #76B6FD, #00A09F, #2F3760)
- Timeworn Jade Drift color palette (#FAF4F0, #C9E5DD, #84C9DE, #46AF7F, #245144)
- Ancient Turquoise color palette (#F9F4EF, #D0E5E8, #DEBAD6, #50B2C4, #664858)
- Chalky Turquoise color palette (#EAFAF0, #88D9F4, #FDA290, #00B0D6, #673025)
- Aged Turquoise Courtyard color palette (#D6EDC9, #74D8D7, #02BDD1, #0097C4, #2A496B)
- Mint Corridor color palette (#E8FBEF, #EDD7D3, #64CAB7, #A89E96, #32584B)
- Hushed Cerulean color palette (#F8EEF5, #BCE3F6, #5E95B5, #306A5D, #1A2D44)
- Muted Cabin color palette (#F4E6DF, #61AFB1, #00819D, #00603F, #000A15)
Browse the whole catalog at Explore, or see today's palette.