Teal Harbor color palette — #F0D8D5 · #C7A8FF · #00C6AE · #1E2C18 · #0F150D

A conversation between Turquoise and Lavender, giving this palette its sense of creativity and sophistication.

The five colors

• Shell Pink (#F0D8D5): A whisper-light, dusty orange — the color of autumn markets.
• Lavender (#C7A8FF): A luminous, balanced violet — the color of a velvet chair.
• Turquoise (#00C6AE): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#1E2C18): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0F150D): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Hushed Balcony color palette (#F6EAD1, #EE92FF, #00C0DA, #0E2D1B, #0D1510)
• Muted Clover color palette (#F5DAE5, #99BBFF, #00CE53, #25290E, #121409)
• Softworn Thicket color palette (#FFD9CB, #C3C4FF, #00DBC1, #344551, #222F32)
• Pale Lilac Parlor color palette (#F6DDCB, #A382FF, #00A1AA, #001D1F, #000B02)
• Weathered Moss color palette (#FFECD8, #F4C1FF, #96AD00, #244447, #242D2A)
• Washed Seafoam color palette (#FFE8E8, #57FEC3, #D0CAC0, #283C00, #12160D)
• Timeworn Indigo color palette (#ECF5ED, #59C6CD, #646BBE, #007379, #160912)
• Dusty Petrol Garden color palette (#EDF4F0, #CDDBDD, #CFBBC0, #387F96, #242F29)

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