Teal Drift color palette — #EEF8EE · #B1F4F2 · #F9B7C1 · #00B0AE · #623A31

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 (#EEF8EE): a clean, paper-quiet neutral.
• Sea Foam (#B1F4F2): A whisper-light, dusty teal — the color of sea glass.
• Ballet Pink (#F9B7C1): A whisper-light, dusty red — the color of late-summer berries.
• Turquoise (#00B0AE): A luminous, balanced teal — the color of sea glass.
• Cocoa (#623A31): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Washed Chapel color palette (#EEF8F2, #CAE3FF, #FFB99A, #0DAAD0, #4C4540)
• Jade Harbor color palette (#F4F7EB, #C3F4CD, #E3BAF6, #55B06E, #523C5D)
• Softworn Stone color palette (#EDF9EA, #C6E5E5, #C6BFB4, #96C69D, #42594C)
• Cerulean Orchard color palette (#ECF8F4, #D5D7CB, #5D8BAF, #254A65, #0F1F1A)
• Aqua Harbor color palette (#E7F9FE, #4EC4C5, #C78290, #338080, #57465B)
• Apricot Balcony color palette (#E7FBEC, #3FDEF2, #FF8860, #008E9D, #541600)
• Washed Blush color palette (#E8FAF0, #94D7F1, #E6A4C3, #D983A4, #243F32)
• Pale Market color palette (#FEF0FD, #BDD5FF, #E6AF67, #5588E1, #4E3203)

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