Jade Harbor color palette — #DCFAF0 · #45C18E · #007B7C · #445227 · #002819

Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DCFAF0): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#45C18E): A luminous, balanced teal — the color of sea glass.
• Teal (#007B7C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#445227): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#002819): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Jade 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

• Cypress Station color palette (#E3FBF9, #6BB593, #007B63, #225F37, #064345)
• Tempered Study color palette (#E4F8EA, #91B56C, #007F59, #1F5366, #162603)
• Worn Emerald color palette (#CCEEDE, #3AAF56, #006A5F, #024268, #001C05)
• Tempered Seafoam color palette (#F4F8E2, #83F3C1, #00A996, #527550, #043825)
• Amber Bloom color palette (#E1F6FF, #00ABC0, #C06900, #006774, #341800)
• Driftwood Loft color palette (#F8EFF4, #ACCDB3, #7D895C, #5D6071, #27352A)
• Tempered Teal color palette (#CCE8DD, #00B9BD, #007E9B, #004E82, #071D4E)
• Quiet Cobalt color palette (#FAEEF5, #85DEF9, #2187D7, #00644F, #1C2049)

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