Jade Harbor color palette — #ECF8F8 · #D2DDE6 · #BEB1B6 · #39AA6F · #213A39

Jade and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F8): a clean, paper-quiet neutral.
• Silver (#D2DDE6): bright and airy, almost weightless.
• Ash (#BEB1B6): a calm mid-gray that lets other colors speak.
• Jade (#39AA6F): A luminous, balanced teal — the color of sea glass.
• Deep Teal (#213A39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Orchard color palette (#EEF7FA, #D7DAE2, #BEB2B1, #64ACAF, #374145)
• Moss Drift color palette (#EFF7F3, #CCE3E9, #C5C4CE, #989640, #283A31)
• Jade Study color palette (#F3F7EF, #CFDED6, #98BBCE, #00C189, #334800)
• Muted Lagoon color palette (#EAF9F9, #D3DCE4, #B8C1D5, #058B69, #062325)
• Wandering Drift color palette (#F3F7EC, #CAE0D7, #A1C7AE, #157E4A, #394600)
• Softworn Teal Orchard color palette (#E6FAF6, #A2EBC7, #35A59E, #55763F, #023824)
• Navy Drift color palette (#D9E0E5, #B2BBCC, #8D8FAC, #003F66, #000104)
• Worn Grove color palette (#E3FAFF, #00A89D, #004355, #00191E, #000202)

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