Teal Harbor color palette — #F7F6EB · #B8E1BF · #69BFAA · #8A966D · #3F4800
A conversation between Mint Leaf and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6EB): a clean, paper-quiet neutral.
- Celadon Mist (#B8E1BF): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#69BFAA): A luminous, balanced teal — the color of shallow lagoons.
- Moss (#8A966D): A luminous, dusty green — the color of a quiet forest floor.
- Deep Olive (#3F4800): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, 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
- Taupe Alley color palette (#FEF3E7, #E3D4AF, #9CB779, #A48B6F, #533F00)
- Hushed Market color palette (#FBF3F0, #BEF0E7, #78C9ED, #63A891, #2B5048)
- Teal Garden color palette (#F8F6E7, #AED6B4, #1FB99C, #528DA1, #323A00)
- Wandering Jade color palette (#EDF8F6, #9ECFCC, #4DA37B, #537B75, #304846)
- Jade Veranda color palette (#EFEFE1, #38B07B, #008278, #445F27, #0C1200)
- Tempered Canyon color palette (#E4F7F2, #89BFBB, #4E816E, #385D55, #102D2B)
- Frosted Turquoise Corridor color palette (#E8FAD2, #68DFCF, #00C6D3, #2A98BC, #25574A)
- Sunlit Pine Canyon color palette (#F1E8D9, #84913A, #147613, #005450, #080600)
Browse the whole catalog at Explore, or see today's palette.