Teal Harbor color palette — #EFF8EF · #9EF8F8 · #FFB5B8 · #22AFB0 · #5F3C32
A conversation between Turquoise and Ballet Pink, giving this palette its sense of softness and clarity.
The five colors
- Ivory (#EFF8EF): a clean, paper-quiet neutral.
- Sea Foam (#9EF8F8): A whisper-light, balanced teal — the color of glacier melt.
- Ballet Pink (#FFB5B8): A whisper-light, balanced red — the color of embers at dusk.
- Turquoise (#22AFB0): A luminous, balanced teal — the color of sea glass.
- Cocoa (#5F3C32): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Softness, Clarity. Tagged 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
- Wandering Jade Boulevard color palette (#F3F7ED, #AEF9D4, #E2B8FD, #54AE86, #5C3B45)
- Washed Azure Coast color palette (#E8FAF4, #D6DCF9, #FEBC80, #5AA0DA, #4B4540)
- Muted Field color palette (#D9F3FF, #D6D9CC, #959F96, #30453B, #1E2421)
- Hushed Cerulean Ridge color palette (#F9F3F9, #E5DCD4, #6788B5, #523E53, #1F191F)
- Coral Dune color palette (#DCFFEF, #77D5FF, #FF857C, #008AB5, #551312)
- Cypress Canyon color palette (#E7F9FF, #7CBDBF, #C3858C, #0C8286, #59455C)
- Worn Turquoise Study color palette (#E0FEEB, #D6DBEC, #42BFD6, #167E88, #0E2F1A)
- Weathered Seafoam color palette (#EDFAE9, #6EE3D3, #F5A480, #C9947D, #303D2B)
Browse the whole catalog at Explore, or see today's palette.