Teal Coast color palette — #FFF2ED · #E08983 · #00ADB3 · #7081C9 · #3E3633

A conversation between Turquoise and Slate Blue, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Salmon (#E08983): A luminous, balanced orange — the color of toasted spice.
• Turquoise (#00ADB3): A luminous, balanced teal — the color of shallow lagoons.
• Slate Blue (#7081C9): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3E3633): quiet, heavy and certain.

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

• Tempered Blush Canyon color palette (#FFF2EF, #EA7D9B, #00B198, #1095B1, #4A302C)
• Apricot Canyon color palette (#FFF3E9, #F9A163, #6684C8, #0091BE, #3D3732)
• Washed Apricot color palette (#FFF0F8, #F6A47D, #5FC09A, #8C88D0, #3B2231)
• Dusty Amber color palette (#FEF3E7, #CE9037, #4698CB, #825D99, #37322C)
• Feathered Amethyst Orchard color palette (#FFE9DD, #DC6400, #008EB0, #754ADC, #3E1700)
• Ember Terrace color palette (#FFF0F8, #D66211, #7B8229, #8F5079, #46303D)
• Feathered Boulevard color palette (#FBEABC, #D2AC2F, #945AD3, #4472E8, #3C2F00)
• Wandering Chestnut Bloom color palette (#FFF2EC, #DFDECB, #A1DFB7, #BB7E92, #754605)

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