Teal Harbor color palette — #EBF5E9 · #39B1A3 · #4F5C50 · #323B2F · #1F231D

Turquoise takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#EBF5E9): a clean, paper-quiet neutral.
• Turquoise (#39B1A3): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#4F5C50): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#323B2F): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#1F231D): quiet, heavy and certain.

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

• Jade Terrace color palette (#F2F3E6, #7BAB64, #545F16, #383931, #23221A)
• Antique Mint color palette (#E7F5F7, #5BCDBB, #66808D, #48585A, #1D2323)
• Washed Delta color palette (#DFF5E3, #0098A6, #004D5F, #0F2E19, #0B140B)
• Worn Lilac color palette (#E6FBF1, #79BBD9, #A79BD5, #66A184, #33483E)
• Timeworn Azure color palette (#EDDFEF, #4893DD, #5B4558, #352937, #111B17)
• Hushed Turquoise Boulevard color palette (#E1FFE3, #83D7E1, #50ACBD, #3C8395, #335847)
• Hushed Bone Lagoon color palette (#E9FBE9, #C5E1CD, #90ADA0, #927C86, #604C52)
• Cerulean Loft color palette (#ECF9F1, #8AD0E6, #C5A2D1, #4299B2, #683F4A)

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