Jade Harbor color palette — #E8F0F1 · #C9D5DD · #A7BED3 · #00AB84 · #203133

Built around Jade, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#E8F0F1): a clean, paper-quiet neutral.
• Silver (#C9D5DD): bright and airy, almost weightless.
• Ash (#A7BED3): A luminous, dusty blue — the color of deep harbor water.
• Jade (#00AB84): A luminous, balanced teal — the color of glacier melt.
• Deep Forest (#203133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Washed Moss color palette (#E8F1EE, #C5D7DA, #9FC1CB, #859E32, #1F332C)
• Worn Pine color palette (#E8F0F0, #CADBDF, #A0BCCC, #00875C, #1A3333)
• Worn Villa color palette (#EBF7FF, #D3D9EC, #BABEDD, #00A8D1, #183747)
• Worn Forest Quarry color palette (#E6EBE3, #C5CFC1, #95AB94, #0D644F, #11180A)
• Hazy Lapis color palette (#BCE9E3, #19C2BF, #0098B1, #6347D1, #002A2D)
• Ancient Courtyard color palette (#DEF2F7, #009FA0, #0F5E69, #003642, #000607)
• Hushed Petrol color palette (#E6EEF2, #AAB0BD, #8F98B6, #007F93, #001721)
• Pewter Market color palette (#D9E6EF, #93B7D7, #8499CC, #986296, #522D41)

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