Teal Study color palette — #F1F7ED · #BAF4E2 · #F7B7C6 · #00B393 · #5E3C36

Turquoise and Ballet Pink set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F1F7ED): bright and airy, almost weightless.
• Sea Foam (#BAF4E2): A whisper-light, dusty teal — the color of glacier melt.
• Ballet Pink (#F7B7C6): A whisper-light, dusty red — the color of late-summer berries.
• Turquoise (#00B393): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#5E3C36): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Teal Study 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

• Timeworn Terrace color palette (#F5F6EB, #D1F0C7, #C9C3FF, #74AB60, #5C3A4D)
• Turquoise Alley color palette (#EEF8F2, #CBE2FF, #F7BD9D, #00AAD3, #6B3700)
• Aged Teal Coast color palette (#E5FAFC, #96E8CD, #ECBE7D, #5BBDA0, #3D543D)
• Softworn Abyss Hollow color palette (#CDF7FF, #D3D6CB, #858F88, #304B39, #1C271F)
• Timeworn Mint color palette (#EDF5E8, #5BCAAD, #B99660, #33816D, #35302A)
• Washed Coral Harbor color palette (#E1FBFD, #70C3A7, #CC8088, #41806C, #5B445D)
• Muted Coral color palette (#ECF9ED, #95DADC, #DEA5D6, #DE867F, #2C3D2E)
• Worn Basalt color palette (#FAF5E7, #D1E0CA, #BBAD87, #927545, #3D4400)

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