Teal Harbor color palette — #F3F6F0 · #D3DDD9 · #A5B8BD · #5BC29E · #444A3F

A conversation between Mint Leaf and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DDD9): a clean, paper-quiet neutral.
• Ash (#A5B8BD): A luminous, dusty blue — the color of deep harbor water.
• Mint Leaf (#5BC29E): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#444A3F): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Timeworn Powder Coast color palette (#F1F7F2, #D3DCDB, #ADC7F8, #A8B4BC, #4E554E)
• Aged Turquoise color palette (#EFF7F3, #CDDEDF, #BAB4A1, #00B5E1, #30453A)
• Fern Grove color palette (#F4F6F0, #D4DCDA, #B1C7C8, #5E9F7F, #3C5008)
• Wandering Teal color palette (#DDE8DD, #1DC1C3, #5B7768, #3B503C, #151A12)
• Aged Cocoa color palette (#E7F8E1, #BFD9C8, #9EC4B9, #B3838D, #783D19)
• Muted Study color palette (#FEF4E3, #8CD9C4, #5CB3C7, #B46292, #30432E)
• Tempered Taupe color palette (#FAF4EC, #E4D3AB, #A7B474, #729C7A, #543F00)
• Hushed Cypress color palette (#EAF4F5, #CFDAE4, #B4BECC, #4B7F82, #212F30)

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