Teal Harbor color palette — #F8F8D6 · #00BC9F · #007A7E · #2A3976 · #051701
A conversation between Turquoise and Navy, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8F8D6): A whisper-light, dusty green — the color of fresh herbs.
- Turquoise (#00BC9F): A luminous, balanced teal — the color of sea glass.
- Teal (#007A7E): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2A3976): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#051701): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged retro, cool.
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
- Turquoise Alley color palette (#F3FAD6, #00B6CC, #00749E, #4C2D6E, #00180B)
- Faded Quarry color palette (#F7F8D8, #00D2C4, #008E9E, #484C7B, #132714)
- Hushed Orchard color palette (#FDF6D3, #03C335, #007E5D, #004465, #001808)
- Hazy Aubergine color palette (#D6FBCC, #009DA0, #005F73, #2F1466, #000506)
- Timeworn Dune color palette (#F2F9DF, #73D1A9, #008A72, #315C3F, #131C04)
- Onyx Veranda color palette (#E3EFE5, #008D6C, #005661, #500040, #001210)
- Azure Studio color palette (#F4F7E9, #BEEFFF, #349EC8, #006873, #002134)
- Patina Mint color palette (#F1DBB7, #00C79A, #0099AB, #91477D, #002B26)
Browse the whole catalog at Explore, or see today's palette.