Jade Harbor color palette — #FFF1F5 · #CDCD9D · #73B36C · #847DA8 · #1E3C30

Jade and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Pistachio (#CDCD9D): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#73B36C): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#847DA8): A luminous, dusty violet — the color of a velvet chair.
• Forest (#1E3C30): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, 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

• Antique Teal color palette (#EEF8F2, #B4D5A4, #35B994, #A9717F, #1D3C37)
• Patina Moss Atelier color palette (#ECF9F0, #D3D68A, #789550, #605F82, #132E23)
• Hazy Quarry color palette (#DDE9DE, #9EB251, #129753, #6E578C, #002118)
• Washed Aqua Study color palette (#EDF8F5, #B7E9EA, #83C3C4, #A095AB, #395253)
• Timeworn Courtyard color palette (#FAF3F8, #AEEDF5, #4FBEF8, #41A172, #293B57)
• Celadon Garden color palette (#FFF0FE, #EAE2C7, #BBE49F, #C994BD, #4C3441)
• Muted Olive color palette (#FBF0E1, #ACA075, #4B7039, #464067, #231B00)
• Pale Pine Harbor color palette (#DBE5DB, #888F3D, #00772D, #523B6E, #000804)

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