Teal Harbor color palette — #E5FAFC · #6EC0AC · #475761 · #1F2E30 · #081210

Mint Leaf and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E5FAFC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mint Leaf (#6EC0AC): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#475761): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#1F2E30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#081210): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Aged Azure color palette (#EDF7FF, #46A7E6, #3E455E, #14202A, #020608)
• Patina Veranda color palette (#DFF2F4, #009883, #22404A, #122123, #070E0E)
• Denim Workshop color palette (#CBE1FA, #004D90, #21161C, #090019, #000102)
• Glacier Basin color palette (#EAF7FF, #7CDBF9, #E6AA97, #CD917E, #283B46)
• Patina Ash color palette (#EFF7F4, #C6DBF5, #8DB7BF, #718D82, #334B4A)
• Turquoise Field color palette (#E8F8FF, #ABF4FE, #F8BBA7, #44AAB8, #5B3A50)
• Deep Cornflower color palette (#E6EEFF, #3371FE, #3A194D, #00061B, #000103)
• Hushed Mint color palette (#E3FBFA, #7FBF99, #425961, #1F2E2E, #0A110F)

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