Teal Harbor color palette — #FAF2FB · #F9ABB6 · #49C7C1 · #C3707D · #2C545D

Aqua and Dusty Rose set the tone — five colors that lean into balance.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Ballet Pink (#F9ABB6): A luminous, balanced red — the color of embers at dusk.
• Aqua (#49C7C1): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#C3707D): A luminous, balanced red — the color of embers at dusk.
• Peacock (#2C545D): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Balance. Tagged light, muted.

Use it as a design system

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

• Blush Quarry color palette (#FCF1FF, #EB92A4, #59A8A6, #995F6B, #32535B)
• Muted Dune color palette (#F5F3FF, #E1B1E8, #8AC287, #A977B1, #2D5651)
• Tempered Taupe color palette (#FFF2EF, #FFC2CB, #89D7D4, #D8929D, #3C553B)
• Sky Pier color palette (#FFF1F7, #E9B995, #6AB9F6, #B87D4E, #375065)
• Timeworn Blush color palette (#FEF0FE, #EA979A, #87B376, #6C94CC, #4C3C4D)
• Tempered Scarlet Courtyard color palette (#FFF0FB, #FF866F, #00AFC5, #D53115, #00434C)
• Washed Blush Boulevard color palette (#FFF2EF, #F5D3C8, #BACAFB, #CF7F8F, #573C51)
• Muted Terrace color palette (#EDF9ED, #B6D3BF, #B49668, #8E6878, #3A4C44)

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