Jade Pier color palette — #FFF2ED · #A1F4FF · #4EC3FF · #2DA971 · #2C3F65

Kelly Green takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#A1F4FF): A whisper-light, balanced blue — the color of deep harbor water.
• Sky (#4EC3FF): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#2DA971): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2C3F65): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Jade Pier 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

• Teal Boulevard color palette (#FFF3E8, #C7EAFF, #90B6FF, #00A79C, #41366A)
• Patina Periwinkle color palette (#F8ECE5, #7FE4FC, #5DACE9, #1B9371, #222A51)
• Timeworn Chapel color palette (#FBF3EE, #BEE8F8, #D9BBDC, #94AA85, #5F4C58)
• Washed Taupe color palette (#E1FFDD, #A8F1FF, #C0CAF8, #BAAF6A, #37462B)
• Cerulean Orchard color palette (#F8EFF5, #9BDDE4, #0090B9, #00654C, #002646)
• Sapphire Lantern color palette (#F5E9DE, #64AACC, #296FDA, #005E55, #0A0027)
• Ancient Iris color palette (#FBEBDC, #7DCAF7, #5D8DF5, #007E77, #221247)
• Pale Orchard color palette (#F1FADE, #59FCA7, #EC8BFF, #009C5D, #4F2956)

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