Teal Harbor color palette — #F3F6F0 · #D3DED9 · #A4B6B8 · #5AC1A2 · #444A40

Built around Mint Leaf, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DED9): bright and airy, almost weightless.
• Ash (#A4B6B8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mint Leaf (#5AC1A2): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#444A40): quiet, heavy and certain.

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

• Wandering Garden color palette (#F6F5EF, #D6DDD5, #A6B6B1, #9FB766, #514900)
• Antique Drift color palette (#EFF8F3, #CEDDDE, #A7B1CE, #00B4E6, #32453C)
• Ancient Workshop color palette (#DDE8DD, #00C2C5, #5D7765, #3E4F3F, #131B11)
• Hazy Balcony color palette (#F4F7E6, #7DDAD7, #3EB5CF, #7D74CA, #28452D)
• Petrol Drift color palette (#EAF4F5, #CEDAE4, #B1BFCD, #4F7E83, #232E2F)
• Softworn Stone color palette (#DFFEEB, #B7DFD0, #C5A8C8, #B58A93, #684548)
• Petrol Lagoon color palette (#E3EAE5, #90A6A5, #6E9092, #006F82, #000D04)
• Aqua Chapel color palette (#EFF8EE, #9EFFE7, #3BF2EF, #00D2F4, #00464A)

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