Teal Alley color palette — #FDF3EE · #C3ECE6 · #8EC5EB · #60A989 · #573E52

A conversation between Jade and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Honeydew (#C3ECE6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8EC5EB): A luminous, dusty blue — the color of open sky before noon.
• Jade (#60A989): A luminous, balanced teal — the color of sea glass.
• Cocoa (#573E52): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Aged Studio color palette (#FCF3F0, #C5EBDF, #80CAE0, #7BA578, #1D5247)
• Emerald Summit color palette (#FFF2ED, #A7F4FB, #47C4FE, #2DAA6C, #233E6E)
• Feathered Jade color palette (#F3F8E6, #9FDDB1, #E5A6D6, #5CB47A, #5A3252)
• Tempered Lagoon color palette (#F1F7F2, #CCE1FF, #74AEC5, #388A80, #264C65)
• Lagoon Lagoon color palette (#FBEBE3, #B8DEC7, #67ABE5, #009473, #232952)
• Dusty Stone color palette (#F4F7E6, #B4E7EF, #D2C5CD, #C1B885, #46553D)
• Dusty Boulevard color palette (#F6EFF5, #BBE4F4, #3697CD, #156F4C, #1D2C44)
• Weathered Cobalt color palette (#F8EAE2, #80BACD, #3187D2, #006F59, #0E0145)

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