Teal Drift color palette — #F2F7F1 · #AFEBE8 · #B8ACF1 · #00C4BE · #382830

A conversation between Turquoise and Lavender, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Sea Foam (#AFEBE8): A whisper-light, dusty teal — the color of sea glass.
• Lavender (#B8ACF1): A luminous, balanced violet — the color of twilight just after sunset.
• Turquoise (#00C4BE): A luminous, balanced teal — the color of sea glass.
• Espresso (#382830): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Turquoise Alley color palette (#F0F7F3, #D4D6E7, #8AAFED, #26ABC6, #251A24)
• Timeworn Sky Harbor color palette (#F0F7F4, #B8EBD9, #E4A1B6, #57B5EE, #3B2926)
• Mint Field color palette (#F5F6EE, #C6E9C3, #7FBEF2, #7EBE7A, #21322D)
• Muted Cabin color palette (#EAFAEF, #69E1FF, #B78CFF, #00ACCB, #301020)
• Patina Bronze color palette (#EAF9F3, #95CBED, #B995C9, #B07846, #2A3528)
• Hushed Driftwood Garden color palette (#FAF5E6, #9DDDE6, #98AEDD, #9F8A43, #364E43)
• Pale Iris color palette (#E0FFE0, #BCEBD5, #8FC1F4, #7E89D5, #523172)
• Washed Mallow color palette (#E9FAF4, #C2DEFF, #D5B1FF, #C3BAC0, #574255)

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