Teal Harbor color palette — #F4F7E9 · #ACE3CC · #4CC2B5 · #A68597 · #334B06

Turquoise and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Mint (#ACE3CC): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#4CC2B5): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#A68597): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#334B06): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Mint Basin color palette (#FBF5E7, #D0DCAA, #8DBB7A, #AD838C, #4D4300)
• Softworn Teal Lantern color palette (#EBF9F3, #C6F3CD, #6AACA2, #836E88, #253E3C)
• Sunlit Seafoam color palette (#FFF2EF, #FFB4C1, #1ADAC6, #DB7F91, #34492D)
• Lagoon Veranda color palette (#F9F5E9, #C2C9A1, #35A392, #8E675D, #404700)
• Ancient Jade color palette (#E6E6D5, #8FCAA0, #00A986, #976279, #262C11)
• Powder Harbor color palette (#F9F4ED, #BCEEF4, #95BFFF, #58A4BA, #5A3C53)
• Ancient Lagoon color palette (#E4F6F7, #8AC0B1, #3C837B, #3E586E, #0E2C30)
• Lime Atelier color palette (#FFF2EE, #FF9EA6, #8DC86B, #6EA8F0, #4B3028)

Browse the whole catalog at Explore, or see today's palette.