Teal Harbor color palette — #ECF5E7 · #8AD98F · #00BDA6 · #0086A6 · #011C03
A conversation between Turquoise and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF5E7): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#8AD98F): A luminous, balanced green — the color of a quiet forest floor.
- Turquoise (#00BDA6): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#0086A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#011C03): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Airy Villa color palette (#E4F7EB, #4EEBD2, #00B6D1, #3687D3, #002315)
- Quiet Villa color palette (#F1F4DF, #C6D347, #4CC94F, #009087, #001E10)
- Washed Balcony color palette (#F6F1EA, #AED1BB, #1287B3, #005C59, #00271F)
- Chartreuse Thicket color palette (#E2FAFF, #C5D300, #00BCA1, #537AC5, #00353B)
- Cypress Hollow color palette (#F2F4E2, #77AE8F, #007663, #334F2B, #181F06)
- Chalky Celadon Villa color palette (#E1FBFF, #A0F490, #00DDB7, #27ABCE, #003332)
- Timeworn Petrol color palette (#D8E6CA, #8BAC8F, #4F7993, #663D3B, #351F16)
- Sapphire Thicket color palette (#DAFBEA, #00D9D2, #00B3D6, #3960FF, #00131F)
Browse the whole catalog at Explore, or see today's palette.