Jade Harbor color palette — #E8FBEF · #7AB55D · #007158 · #0D4157 · #020A00

A conversation between Jade and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8FBEF): A whisper-light, dusty teal — the color of sea glass.
• Jade (#7AB55D): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007158): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#0D4157): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Patina Chapel color palette (#FFF1F5, #B0A53A, #30710F, #004547, #090800)
• Teal Study color palette (#E0FDF5, #4BB996, #006D74, #2B440C, #000A0B)
• Emerald Loft color palette (#C4EBDE, #00A86A, #005958, #012B55, #000202)
• Lagoon Ridge color palette (#EFF3D7, #7BB78D, #36926D, #137366, #00220D)
• Wandering Mint Archive color palette (#E1FDED, #8FCE80, #008A71, #6B4256, #001E1A)
• Weathered Abyss Pier color palette (#CEE4E1, #518664, #005138, #00322C, #000B03)
• Wandering Olive Atelier color palette (#DEF1DF, #758300, #004920, #2D0A2D, #010100)
• Cobalt Ridge color palette (#FDF1F9, #8CDAEB, #0082C2, #00543B, #04072A)

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