Teal Studio color palette — #ECFAE8 · #7EE0D3 · #F5A2B4 · #00B7A8 · #662D3C
A conversation between Turquoise and Ballet Pink, giving this palette its sense of balance.
The five colors
- Ivory (#ECFAE8): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#7EE0D3): A whisper-light, balanced teal — the color of sea glass.
- Ballet Pink (#F5A2B4): A luminous, balanced red — the color of a theater curtain.
- Turquoise (#00B7A8): A luminous, balanced teal — the color of glacier melt.
- Mulberry (#662D3C): A deep, shadowed, balanced red — the color of embers at dusk.
Feels like: Balance. Tagged light.
Use it as a design system
One click turns Teal Studio 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
- Misty Teal color palette (#EEF8EF, #8ADCDF, #F6AA71, #00B4BA, #603714)
- Dusty Veranda color palette (#E2FAFF, #68CCBF, #E0859D, #009488, #60323F)
- Gentle Clover color palette (#F5F7E7, #ADDAAA, #EEA2CF, #51B950, #5E314C)
- Pale Coral color palette (#E5FCEE, #6DCDEA, #E398C9, #ED7673, #1A412E)
- Coral Garden color palette (#CBEFD5, #39E0F9, #E9615F, #0099AC, #5C000C)
- Worn Cornflower color palette (#FEF0FF, #99C9FF, #FFAA80, #278EF2, #612600)
- Ancient Pier color palette (#DEF7FF, #1EB9C1, #C36C9B, #007378, #3C1A2C)
- Hushed Market color palette (#EEF9E8, #F7E2FF, #C1EBED, #93C380, #3D5340)
Browse the whole catalog at Explore, or see today's palette.