Jade Harbor color palette — #E7FAF5 · #7DAF69 · #6E84C4 · #854E6E · #122311

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

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#7DAF69): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#6E84C4): A luminous, balanced violet — the color of a velvet chair.
• Graphite (#854E6E): A full-bodied, balanced pink — the color of peonies in June.
• Onyx (#122311): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, 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

• Gentle Teal color palette (#E8F9FA, #53C19B, #9A77BF, #883B3E, #072218)
• Cobalt Orchard color palette (#E9FAF0, #B9A85C, #438BC4, #774B83, #271622)
• Ancient Mint Field color palette (#E3FBFB, #7AD0A5, #558FC0, #7B4577, #461F00)
• Ancient Field color palette (#E4FDE8, #9EDDB1, #44A3A1, #79547C, #11383B)
• Gentle Raspberry color palette (#E5FAFA, #73C4A0, #0FB1CC, #BA587F, #092E2C)
• Soft Plum Market color palette (#E8F8FF, #00A7C2, #A74882, #714000, #000D0C)
• Washed Teal Orchard color palette (#E0FBFE, #2AB699, #2A4C56, #102224, #000707)
• Weathered Seafoam color palette (#E2FFD9, #A5F0C8, #58B2A0, #007579, #003945)

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