Teal Alley color palette — #EFF9EC · #9FF9EB · #C1C7FF · #3BAFA0 · #593B4F

A conversation between Turquoise and Sea Foam, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#EFF9EC): A whisper-light, dusty green — the color of fresh herbs.
• Sea Foam (#9FF9EB): A whisper-light, balanced teal — the color of shallow lagoons.
• Lilac Frost (#C1C7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Turquoise (#3BAFA0): A luminous, balanced teal — the color of sea glass.
• Cocoa (#593B4F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, 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

• Chartreuse Alley color palette (#EAFAF1, #CBE1FF, #B9DA84, #57A5C3, #47473F)
• Aged Seafoam color palette (#F1F8EB, #85ECCF, #FDADBA, #6CBAA3, #61453F)
• Tempered Meadow color palette (#EDF9ED, #B4E2EC, #C0C0CB, #A2BB98, #465448)
• Ancient Coast color palette (#F6F6E9, #D0F2B9, #87D7FF, #7DA95D, #2B4F40)
• Worn Cerulean Lantern color palette (#EEF8F1, #ACE9EB, #4693A0, #314E3A, #141E17)
• Hushed Teal Harbor color palette (#E8FCE7, #C4EBF8, #40C4C2, #077977, #1E361C)
• Weathered Cypress Orchard color palette (#EEF9EA, #6EC1B5, #C3829E, #168478, #68413F)
• Hazy Mallow Workshop color palette (#FCF1FC, #B9D7FF, #FD94C4, #588BD0, #53283C)

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