Jade Pier color palette — #E9FAF4 · #ABDEA7 · #31C086 · #6688C9 · #244322

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

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Pistachio (#ABDEA7): A whisper-light, balanced green — the color of fresh herbs.
• Jade (#31C086): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#6688C9): A luminous, balanced violet — the color of a velvet chair.
• Forest (#244322): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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 Station color palette (#E3FBF8, #9AE0C1, #00BEAC, #1C98B0, #114532)
• Gentle Cerulean color palette (#EBFAEF, #D0D48F, #8DB35F, #1995C4, #3D3E00)
• Muted Taupe Market color palette (#EEF8F0, #B6E0CC, #A0B57D, #8B8CB1, #2A4A3C)
• Teal Summit color palette (#D2EBE5, #9BC6A7, #2FA789, #626FB4, #003318)
• Worn Delta color palette (#D2F5E4, #ACCD86, #55BC66, #9D4A99, #213500)
• Misty Sky Garden color palette (#EFF8F1, #CFE0FF, #4FC3FF, #00A5A6, #054172)
• Olive Balcony color palette (#D9E6DC, #AEAB62, #708A2E, #6A539F, #1E1C00)
• Gentle Pine color palette (#F6F3DA, #7DBA79, #007F54, #394C70, #202301)

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