Teal Basin color palette — #EAF9F4 · #A9E1E2 · #48C0C2 · #9B87A9 · #2C4849

Cyan and Powder Blue set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Powder Blue (#A9E1E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#48C0C2): A luminous, balanced teal — the color of sea glass.
• Heather (#9B87A9): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#2C4849): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Wandering Boulevard color palette (#FFF1F6, #B6E1C9, #8FBB7A, #AA8492, #30493C)
• Antique Parlor color palette (#E9F9F6, #B9F7CD, #5FB099, #896D77, #243E3D)
• Wandering Teal color palette (#EBF9F4, #A3D8BB, #00B7B6, #7C8A5E, #0F3D3E)
• Tempered Jade Delta color palette (#F9F3F8, #CFE2F8, #80C8ED, #60AB7D, #39495F)
• Stone Summit color palette (#E3FBF7, #BFE7F1, #C5BBC3, #C7B886, #374F50)
• Worn Pier color palette (#F6F6E7, #A3D1B2, #43A389, #96662E, #3B4900)
• Misty Blush color palette (#E0FDF3, #AFCB6E, #FC89C0, #DA8B9B, #203F36)
• Cocoa Boulevard color palette (#F3F3E7, #91C0A5, #3F827B, #7F4223, #232B14)

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