Jade Pier color palette — #FFCCF8 · #FFD1BC · #42C47D · #223736 · #181E1E

Built around Clover, softened by Thistle — the whole palette hums with nature and growth.

The five colors

• Thistle (#FFCCF8): A whisper-light, balanced pink — the color of peonies in June.
• Peach Cream (#FFD1BC): A whisper-light, dusty orange — the color of toasted spice.
• Clover (#42C47D): A luminous, balanced teal — the color of glacier melt.
• Deep Forest (#223736): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#181E1E): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Mint Workshop color palette (#D5E8C8, #FFACE8, #4ED89C, #1E3232, #131B1B)
• Lime Lagoon color palette (#FFE5E8, #ACCEFF, #A4CC4B, #20352F, #141B19)
• Wandering Boulevard color palette (#FFDBD6, #FFBEB6, #6FD98A, #3E5040, #34362D)
• Soft Ridge color palette (#F5ECDE, #D38BFF, #00BB97, #00272A, #001315)
• Gentle Clover Alley color palette (#F6D9D9, #00CD66, #0085BA, #001522, #00050D)
• Chartreuse Chapel color palette (#FFDFE7, #C4D944, #00AACC, #182C36, #09151C)
• Linen Peony Lantern color palette (#EAE0CE, #FF66BE, #00ADB8, #001F29, #010C11)
• Teal Bloom color palette (#E3F6FA, #00ABA3, #A87275, #7D5053, #13262A)

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