Jade Pier color palette — #FFF2ED · #FF9589 · #00B664 · #4A71C7 · #102A6B

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#FF9589): A luminous, balanced orange — the color of sun-warmed clay.
• Clover (#00B664): A luminous, vivid teal — the color of glacier melt.
• Sapphire (#4A71C7): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#102A6B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Wandering Moss Hollow color palette (#FFF2EF, #FF8FAF, #86A806, #007CBE, #102D62)
• Violet Courtyard color palette (#FFF3E8, #FF9B49, #00B199, #845CC1, #3C1C5F)
• Weathered Tangerine Canyon color palette (#F6DBCB, #FF7223, #009A7E, #375FA7, #0F184B)
• Gentle Fuchsia Archive color palette (#F6F3FF, #EE83DE, #5C9102, #4F35A1, #310051)
• Honey Meadow color palette (#FFF0EE, #FABD7A, #A1B873, #9D7A94, #60455A)
• Softworn Chapel color palette (#EEE0C5, #9A7E00, #006D96, #4E278A, #160009)
• Feathered Mustard Ridge color palette (#FFF4E1, #EFBA23, #009BCA, #7164C7, #58073A)
• Linen Byzantium color palette (#F2E9BB, #C1A800, #0097C8, #8F3CA7, #41003C)

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