Teal Basin color palette — #F0F8EF · #A2E3E0 · #C4BEFC · #00C0BE · #624154

Built around Turquoise, softened by Lavender — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Sea Foam (#A2E3E0): A whisper-light, dusty teal — the color of sea glass.
• Lavender (#C4BEFC): A whisper-light, balanced violet — the color of wild irises.
• Turquoise (#00C0BE): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#624154): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Creativity, 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

• Patina Delta color palette (#EEF8EF, #A0E2E7, #D0CA81, #00BFC9, #4F4D46)
• Weathered Powder Loft color palette (#ECF9ED, #C2E9E4, #BDC4F3, #9BBECE, #415244)
• Aged Teal Canyon color palette (#E9F9FB, #A9F8E6, #FFB6AE, #48AE9A, #563C52)
• Hushed Powder Bloom color palette (#ECFAEC, #84D8D8, #9BBEFD, #9BBB7B, #344934)
• Muted Lagoon Loft color palette (#EFF8EE, #B0CEAB, #DC9DAB, #05A199, #65433D)
• Clover Boulevard color palette (#F5F7E7, #BFE0B6, #97CFF4, #77BD63, #27526D)
• Worn Lagoon color palette (#E6FCE9, #B4E7DA, #71C6CB, #269FA4, #004245)
• Frosted Lagoon color palette (#E4FBF4, #A0D2FD, #83D394, #36A6F7, #234D2D)

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