Teal Studio color palette — #E9F8FF · #D8DAE5 · #B6ABA2 · #6EA99D · #3D4F5B

Turquoise and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Silver (#D8DAE5): bright and airy, almost weightless.
• Ash (#B6ABA2): a calm mid-gray that lets other colors speak.
• Turquoise (#6EA99D): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#3D4F5B): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Hushed Orchard color palette (#ECF9F0, #BDDEF1, #D3C8BB, #96C2B6, #445750)
• Weathered Shell color palette (#F0F5FF, #E0D6E5, #FDBBD4, #6F9CC3, #4E5063)
• Wandering Powder Delta color palette (#E7FBF0, #BFE8EC, #C7C5F2, #75927F, #3F544C)
• Muted Hollow color palette (#FEF1F5, #B6D3BE, #B8946E, #8D677F, #394D44)
• Washed Sky Thicket color palette (#ECF7FE, #5CB7E2, #B49857, #5E865E, #2E404C)
• Orchid Studio color palette (#D8F0FC, #7AA4D7, #A361E3, #005A55, #000F1D)
• Hushed Cobalt color palette (#F0F6FD, #F1C8A5, #5F7FAC, #3E4E64, #272C32)
• Washed Studio color palette (#F2F5FE, #A197D9, #BC6D65, #52764D, #2E3845)

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