Teal Coast color palette — #E6F9FF · #ABF5F8 · #FFB7A6 · #14AFB4 · #553E4F

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

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sea Foam (#ABF5F8): A whisper-light, dusty teal — the color of sea glass.
• Melon (#FFB7A6): A whisper-light, balanced orange — the color of toasted spice.
• Turquoise (#14AFB4): A luminous, balanced teal — the color of sea glass.
• Charcoal (#553E4F): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Honey Drift color palette (#EDF7FE, #C9DFFE, #FDBE71, #43A7CD, #583D46)
• Washed Mallow Alley color palette (#EBF8F8, #B3F8D3, #FBAFE9, #5FAC86, #4A415A)
• Dusty Cerulean color palette (#F0F6FC, #E1D5CD, #6288BA, #334860, #151C24)
• Tempered Stone color palette (#E9F8FD, #D7DBE6, #94C9C6, #B8AAA7, #3F4E57)
• Cypress Terrace color palette (#ECF9ED, #70BFC2, #C6876F, #0F8286, #534B47)
• Sky Pier color palette (#EAF8FF, #D1DCE8, #56C0DC, #2C788A, #0A2E3F)
• Faded Apricot color palette (#E4FAFF, #71E2D7, #F9A468, #CD9462, #263D41)
• Hazy Apricot Summit color palette (#EAF8FF, #54DAFE, #FD8D18, #008CA9, #482300)

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