Teal Harbor color palette — #F5F7E4 · #6AB68D · #007B68 · #724500 · #393C35
Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#6AB68D): A luminous, balanced teal — the color of glacier melt.
- Teal (#007B68): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#724500): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Charcoal (#393C35): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Patina Pine Bloom color palette (#FDF5DD, #94AD71, #0C7F24, #773F2E, #3B3B34)
- Hushed Pine color palette (#F8F5EC, #B2B28B, #3C8551, #6A5902, #474500)
- Tempered Teal Ridge color palette (#F5F4DB, #54BE98, #007A80, #6B3A4E, #192507)
- Jade Villa color palette (#ECEDD5, #52A673, #006A55, #264F00, #03381D)
- Frosted Aqua color palette (#F0FADB, #98F4E7, #2CD1F4, #4F8135, #3A4B2E)
- Timeworn Fern color palette (#EDE3D6, #978D51, #505C00, #50390D, #352700)
- Chalky Loft color palette (#E0FDF5, #3AD8A7, #0099A1, #8D566A, #044347)
- Weathered Hollow color palette (#CAF8DB, #00985C, #594EFF, #A92F00, #093A22)
Browse the whole catalog at Explore, or see today's palette.