Teal Basin color palette — #F0F8EE · #ADF6EF · #FFB4C2 · #2BAFA7 · #633740

Turquoise takes the lead with Ballet Pink close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F0F8EE): a clean, paper-quiet neutral.
• Sea Foam (#ADF6EF): A whisper-light, dusty teal — the color of sea glass.
• Ballet Pink (#FFB4C2): A whisper-light, balanced red — the color of embers at dusk.
• Turquoise (#2BAFA7): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#633740): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

One click turns Teal Basin 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 Mallow color palette (#EDF8F1, #9AE2F4, #F7ABDE, #55B8CF, #654244)
• Tempered Jade color palette (#F5F6EB, #CCF2C6, #EAB7F1, #6BAD61, #613842)
• Hushed Azure color palette (#EAF9F3, #D1DEFB, #F1C195, #49A4D8, #5E3E1F)
• Teal Study color palette (#EDF9EC, #C8E2E1, #D2C1B5, #82BEAA, #425447)
• Hushed Field color palette (#D7F4FF, #E5D5CF, #9EB9BC, #30463B, #1B231F)
• Washed Teal Lantern color palette (#E4FAFF, #55C5BD, #C4858A, #2A827C, #5A445C)
• Softworn Cerulean Alley color palette (#EFF8F3, #CDDBCA, #558EAA, #2B4F40, #0F1F19)
• Ancient Coral color palette (#E7FBED, #73EAFF, #EF776C, #008EA1, #5D0105)

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