Teal Harbor color palette — #EBF8FA · #5BC7B4 · #B47694 · #816336 · #2F4A30
Mint Leaf and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBF8FA): a clean, paper-quiet neutral.
- Mint Leaf (#5BC7B4): A luminous, balanced teal — the color of shallow lagoons.
- Dusty Rose (#B47694): A luminous, balanced rose — the color of a warm blush.
- Walnut (#816336): A full-bodied, dusty gold — the color of old brass.
- Deep Olive (#2F4A30): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Weathered Garden color palette (#EBF7FF, #4DC0ED, #B57C6F, #786739, #294B35)
- Worn Teal Drift color palette (#E9F8FB, #52C7B9, #B67787, #8C5A4E, #55374C)
- Muted Atelier color palette (#EEF8F3, #93D6F5, #C68491, #9A515E, #333E0E)
- Patina Archive color palette (#F0F7F1, #C9D8AD, #75A6A5, #6D818B, #41514C)
- Hushed Veil color palette (#E2FBFF, #B7DAF8, #AAAAC5, #7F8C7F, #435444)
- Dusty Summit color palette (#E9F8FF, #00AEC9, #D3312A, #6D5000, #3F2D00)
- Softworn Ridge color palette (#ECF9F4, #6A9DC9, #71689B, #6D4362, #0D4D47)
- Hushed Powder Archive color palette (#E9F8FF, #78D0FE, #789DD6, #7774A1, #504F68)
Browse the whole catalog at Explore, or see today's palette.