Jade Harbor color palette — #FBF3F0 · #C7E7E1 · #8CC6E8 · #5EAA83 · #5A3C57

Built around Jade, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C7E7E1): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#8CC6E8): A luminous, dusty blue — the color of deep harbor water.
• Jade (#5EAA83): A luminous, balanced teal — the color of sea glass.
• Cocoa (#5A3C57): A full-bodied, dusty pink — the color of peonies in June.

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

• Hazy Emerald color palette (#FFF2ED, #CBEFD0, #3CC6FC, #2CAA63, #1B3F73)
• Antique Lagoon Station color palette (#F9F4ED, #C0E0E8, #7CC7E1, #069687, #20483B)
• Quiet Turquoise Chapel color palette (#E9FAF0, #7FDBF8, #F6A4A3, #18AFD5, #653031)
• Aged Boulevard color palette (#E5FCE7, #B8EAF0, #F0CFFF, #92C5A5, #3B564C)
• Softworn Periwinkle Parlor color palette (#FAEBE3, #A4DEEB, #49AEEF, #00956B, #1E2A56)
• Washed Turquoise color palette (#C5F9D6, #76E4CD, #29BCC4, #3B96B6, #304B6F)
• Soft Pier color palette (#E2FDEC, #68CEE9, #EE9D83, #C38E4E, #233F2F)
• Patina Basin color palette (#F6F0F4, #BDE3F2, #4297C4, #306C4D, #1F2D40)

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