Teal Harbor color palette — #F3F8E5 · #98E1BC · #00C09A · #5C996B · #144530
A conversation between Turquoise and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F8E5): A whisper-light, dusty green — the color of new leaves after rain.
- Lagoon (#98E1BC): A whisper-light, balanced teal — the color of sea glass.
- Turquoise (#00C09A): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#5C996B): A luminous, balanced teal — the color of glacier melt.
- Forest (#144530): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Balance, Grounding. Tagged botanical, earthy, muted, 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
- Tempered Chapel color palette (#E7F0D2, #6BD9AB, #00B091, #008D8A, #003825)
- Jade Parlor color palette (#F9F5E9, #C3D1A1, #87AF5E, #698F6D, #37362F)
- Tempered Lagoon Garden color palette (#F7F7E2, #82CEA6, #009B90, #547434, #393C35)
- Muted Seafoam Basin color palette (#D8FFF6, #72F6B9, #00A89E, #5B7446, #033823)
- Dusty Wisteria color palette (#C9F7E5, #4BC1FF, #BE90FF, #00B68E, #00354D)
- Stone Harbor color palette (#F3F7EE, #D4E4CA, #86C3BA, #8BA08F, #485043)
- Jade Dune color palette (#ECEFD9, #52AE71, #00855B, #006457, #001506)
- Ancient Teal Courtyard color palette (#F5F3DC, #6CBB94, #007B7B, #44531F, #002818)
Browse the whole catalog at Explore, or see today's palette.