Jade Harbor color palette — #F8F3F8 · #D3D5E4 · #97D6F2 · #62A373 · #3D4F64

A conversation between Moss and Powder Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D3D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Powder Blue (#97D6F2): A whisper-light, dusty blue — the color of open sky before noon.
• Moss (#62A373): A luminous, balanced teal — the color of sea glass.
• Peacock (#3D4F64): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, 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

• Tempered Teal color palette (#FAF3F5, #D9D4DE, #CFBBE9, #3CA3A6, #494A67)
• Timeworn Ash color palette (#EDF4EE, #CBE1F7, #68A8B5, #3F7767, #243946)
• Cerulean Alley color palette (#D6FFF8, #A6EDEF, #4EC1C0, #0089A4, #344F65)
• Hushed Teal color palette (#EBF8FB, #B3F4ED, #FFB8A4, #13B0A7, #593B51)
• Hushed Stone Quarry color palette (#E8F9FD, #DADCE7, #8DC7BB, #B7ACA7, #40535D)
• Timeworn Olive color palette (#FCF3F0, #C7EFE4, #66A3BA, #6A7630, #5C4D5D)
• Softworn Denim color palette (#F0E4ED, #65AFBB, #005B83, #002D1B, #00000C)
• Aged Veranda color palette (#FDF2F6, #C8EFE7, #CEA488, #8D6E8A, #2C453C)

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