Teal Harbor color palette — #D3FCD0 · #8FC8AA · #48A392 · #37739C · #364F77

Turquoise and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D3FCD0): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#8FC8AA): A luminous, dusty teal — the color of sea glass.
• Turquoise (#48A392): A luminous, balanced teal — the color of glacier melt.
• Slate (#37739C): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#364F77): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, 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

• Petrol Balcony color palette (#E2E9B1, #B6CC9E, #71A578, #007988, #124E68)
• Timeworn Workshop color palette (#E2EFE5, #7BB199, #1A9A8C, #355D80, #28375D)
• Tempered Cerulean Veranda color palette (#B3F6E6, #76CCCF, #329FB4, #676C97, #633F50)
• Taupe Chapel color palette (#E9FDDC, #B7CFB6, #80A58C, #85697C, #5D4953)
• Aged Cypress color palette (#D5F7E8, #4EA098, #007A82, #324476, #3B1B2E)
• Patina Taupe color palette (#FFE7C3, #A0B37A, #3C8775, #714963, #5E3238)
• Hushed Mint Study color palette (#DAFFF0, #25E3AE, #009E7C, #00664D, #002C20)
• Lagoon Pier color palette (#F3F8E1, #81CEA5, #009D7B, #6C6D29, #16452F)

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