Jade Harbor color palette — #DDF6F0 · #2FA476 · #00635D · #033E58 · #001617

Fern and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DDF6F0): A whisper-light, dusty teal — the color of sea glass.
• Fern (#2FA476): A luminous, balanced teal — the color of glacier melt.
• Pine (#00635D): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#033E58): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001617): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication, 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

• Washed Harbor color palette (#DBEBE3, #659F51, #006547, #452D53, #001613)
• Lagoon Station color palette (#E9E5D2, #639A77, #00625E, #1D4062, #06321B)
• Dusty Mint color palette (#F1F8E8, #4FD5B4, #00897C, #1F5B5F, #0F1D03)
• Dusty Taupe Courtyard color palette (#E7F7E6, #ADA250, #556E30, #374666, #042215)
• Weathered Chapel color palette (#D8EFDC, #788000, #155200, #282349, #080900)
• Patina Lagoon Basin color palette (#E8F5F1, #9FCECC, #5D8C93, #635D72, #1F3635)
• Soft Cobalt color palette (#F4E4EB, #7ABDE2, #2D6BB8, #004B4D, #101035)
• Soft Byzantium color palette (#E9DDFB, #8F18E1, #596600, #005638, #080620)

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