Soft Teal color palette — #E4FAFF · #80DFD9 · #F8A1B1 · #00B6AF · #60323C

Built around Turquoise, softened by Ballet Pink — the whole palette hums with balance.

The five colors

• Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Lagoon (#80DFD9): A whisper-light, balanced teal — the color of sea glass.
• Ballet Pink (#F8A1B1): A luminous, balanced red — the color of a theater curtain.
• Turquoise (#00B6AF): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#60323C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Balance. Tagged light.

Use it as a design system

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

• Sunlit Turquoise color palette (#EAF7FF, #81DAF9, #FFA289, #00AFD8, #682F21)
• Sunlit Jade Loft color palette (#E5FAFA, #A0DCB8, #E6A5D9, #28BA79, #573551)
• Lagoon Bloom color palette (#E6F9FF, #76C8C9, #DA899F, #009395, #652D3F)
• Teal Orchard color palette (#E6F9FF, #D2DAEA, #6AC2A9, #B7A6A7, #334E5A)
• Pale Garden color palette (#E6F9FF, #75CFD1, #D29DE5, #D89715, #183E48)
• Frosted Ember color palette (#C6EBFC, #3CDFFB, #E96447, #0099AE, #580E00)
• Teal Corridor color palette (#E8F7E6, #00BCB5, #C47180, #00746F, #3F1C14)
• Weathered Mallow Lagoon color palette (#E9E0C9, #FCB1FE, #69D7FF, #44667A, #1A262D)

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