Teal Harbor color palette — #B4FCED · #52C2B6 · #007767 · #003C36 · #00120E

Built around Mint Leaf, softened by Teal — the whole palette hums with calm and balance.

The five colors

• Sea Foam (#B4FCED): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#52C2B6): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007767): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003C36): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00120E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Calm, Balance. Tagged monochrome, muted, cool.

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

• Washed Bloom color palette (#D7FFF7, #54B09F, #007366, #00423B, #002A25)
• Timeworn Chapel color palette (#D6FFD5, #77B477, #247E47, #003E20, #000F01)
• Washed Balcony color palette (#DFF7FF, #6DC9CF, #008B94, #00484D, #001C1F)
• Azure Basin color palette (#ADEAFF, #00A6D1, #006B87, #002E3D, #00080E)
• Softworn Pine color palette (#D7FAFB, #9BEBF3, #91B1D8, #527545, #002931)
• Softworn Lagoon color palette (#D6FFF8, #8CF3E1, #00A091, #00594D, #00100D)
• Hushed Corridor color palette (#E8F4FA, #4EAFC1, #744BA9, #00606E, #050513)
• Washed Chestnut color palette (#CFE8D7, #969E65, #756324, #593401, #001D19)

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