Teal Coast color palette — #FFF0F7 · #BAA9F7 · #00B99B · #008CA7 · #352433

A conversation between Turquoise and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender (#BAA9F7): A luminous, balanced violet — the color of a velvet chair.
• Turquoise (#00B99B): A luminous, balanced teal — the color of sea glass.
• Cerulean (#008CA7): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#352433): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Wandering Turquoise color palette (#F6F6EC, #AAC589, #41B5BD, #5D95BF, #3D2C35)
• Worn Azure color palette (#F0F8EA, #00BE93, #1B98F9, #6F64C0, #321418)
• Quiet Pine color palette (#FFF1F3, #D183CC, #008735, #335B90, #3A2327)
• Chalky Market color palette (#FFF3E7, #E9A35D, #62B74B, #0F9587, #182C24)
• Powdered Market color palette (#E8EED6, #00B850, #008CB0, #3D5DD0, #23050F)
• Softworn Apricot Balcony color palette (#FFF3E4, #FFB38B, #D19851, #658E5F, #423C37)
• Hushed Moss Balcony color palette (#F6EDCA, #99A400, #009A97, #00769D, #12113E)
• Misty Violet Boulevard color palette (#FFF2EE, #FF8493, #3196FD, #8153D1, #36152A)

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