Teal Harbor color palette — #FEF0FB · #F0A297 · #D5A266 · #00A697 · #412A3D

Turquoise and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#F0A297): A luminous, balanced orange — the color of sun-warmed clay.
• Camel (#D5A266): A luminous, balanced gold — the color of honey in a jar.
• Turquoise (#00A697): A luminous, balanced teal — the color of glacier melt.
• Espresso (#412A3D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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 Market color palette (#FEF1F9, #F6A088, #A3B867, #309DC6, #42293B)
• Muted Moss Villa color palette (#F7F3FF, #E3A0D3, #E2949D, #729F56, #362E43)
• Faded Meadow color palette (#F6F3FF, #E2A6E3, #C89458, #0089B1, #4F2550)
• Pale Moss color palette (#F7F2FF, #E594CA, #85AD59, #0E847A, #282033)
• Aged Cornflower color palette (#DDF5E7, #BCAE57, #62B576, #527FDB, #2D2700)
• Taupe Field color palette (#F7F3F9, #E1D8D9, #ABB1C1, #D796A9, #4B454E)
• Sapphire Loft color palette (#D3E3D2, #DA9011, #3BA95D, #006FCC, #281600)
• Timeworn Loft color palette (#FCD7F9, #FF6C70, #92A100, #0087A8, #3D090D)

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