Teal Coast color palette — #ECF7FF · #79C8F9 · #C2A4EC · #50BB9C · #253B4B
Built around Jade, softened by Lavender — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Sky (#79C8F9): A luminous, balanced blue — the color of deep harbor water.
- Lavender (#C2A4EC): A luminous, balanced violet — the color of wild irises.
- Jade (#50BB9C): A luminous, balanced teal — the color of sea glass.
- Deep Teal (#253B4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged light, cool.
Use it as a design system
One click turns Teal Coast 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
- Tempered Chapel color palette (#E4FAFF, #67D3CC, #8DB7EF, #99AF6E, #1B3E45)
- Ancient Drift color palette (#F0F5FF, #B4C4FF, #E4A8D1, #68BEC9, #394254)
- Ancient Cabin color palette (#F1F5FF, #B1AFFF, #D998A6, #4D9FA3, #2B3249)
- Wandering Pier color palette (#EDF6FF, #B8DFFF, #77BAF3, #4084B4, #00304D)
- Amber Boulevard color palette (#FEF0FF, #92BEF5, #F18785, #BC8700, #382239)
- Wandering Magenta Lagoon color palette (#DBE8FD, #6DA4FF, #E64EED, #00A1A0, #05214F)
- Wandering Garden color palette (#EDF7FF, #48AFEB, #CA865C, #937F30, #1E3B50)
- Wisteria Studio color palette (#E4E0FF, #CF94E3, #E8837F, #5F9AD9, #2B2645)
Browse the whole catalog at Explore, or see today's palette.