Teal Boulevard color palette — #F0F8ED · #96E7D7 · #FFABBC · #53BDAB · #64443D

Turquoise and Ballet Pink set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Sea Foam (#96E7D7): A whisper-light, balanced teal — the color of sea glass.
• Ballet Pink (#FFABBC): A whisper-light, balanced red — the color of late-summer berries.
• Turquoise (#53BDAB): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#64443D): A full-bodied, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Timeworn Lagoon color palette (#E6F9FD, #8DD4C8, #EF92A4, #00A293, #59445E)
• Washed Jade Chapel color palette (#F6F6EB, #C5E0A4, #E7B0EE, #95B56A, #624349)
• Softworn Courtyard color palette (#F2F8E8, #8EDBB1, #FFA095, #C7A16B, #41433D)
• Hushed Lagoon color palette (#EAF9F1, #93E2FF, #FDB57A, #4EB7DA, #524C46)
• Dusty Studio color palette (#F0F8EA, #C4EAE5, #F2D2D3, #BDB88F, #47544A)
• Feathered Seafoam color palette (#EAFBE7, #3CF7ED, #EA835A, #00AEA6, #622507)
• Worn Cobalt color palette (#DFF4EC, #72C9FF, #FF9E85, #0091CF, #582215)
• Patina Studio color palette (#E1F6FC, #7CC2BD, #C486A6, #00837E, #3A2848)

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