Teal Alley color palette — #F2F7EA · #ABE4C3 · #EDB4CA · #77B995 · #66423F

A conversation between Mint Leaf and Mint, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F7EA): bright and airy, almost weightless.
• Mint (#ABE4C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Carnation (#EDB4CA): A whisper-light, dusty rose — the color of strawberry cream.
• Mint Leaf (#77B995): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#66423F): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Teal Alley 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

• Softworn Taupe Loft color palette (#F7F6E7, #CCDDAC, #C7BEF7, #9BB36B, #614252)
• Seafoam Drift color palette (#EEFAE2, #8CDABC, #ECA6BC, #CF9187, #40443D)
• Lagoon Alley color palette (#E8F9FA, #96D4B9, #D39FBA, #509E7F, #554662)
• Tempered Parlor color palette (#ECF9F2, #9EE0F9, #F3B5B1, #55B6D8, #773920)
• Patina Stone color palette (#F1F8E8, #FADEF5, #C6E7E1, #C4BE93, #43513F)
• Fern Thicket color palette (#FBF4E8, #E0DAB9, #C6B391, #A58D78, #454D00)
• Tempered Seafoam Quarry color palette (#E5FDE4, #3CF6F2, #E97B9B, #00ADAA, #631D35)
• Patina Shell Canyon color palette (#EEF8F3, #FFD2C9, #81A997, #527666, #242E2A)

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