Jade Pier color palette — #FAF2FA · #F3A8A9 · #92AF62 · #6E88B9 · #3B2E3B

Sage and Rose Quartz set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Rose Quartz (#F3A8A9): A luminous, balanced red — the color of a theater curtain.
• Sage (#92AF62): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#6E88B9): A luminous, balanced violet — the color of twilight just after sunset.
• Espresso (#3B2E3B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged jewel, 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

• Tempered Terrace color palette (#F6F3FE, #E7B4DD, #81BB77, #9479AD, #403F59)
• Marigold Garden color palette (#EBF9F0, #FFBBC5, #CAAA61, #728EB1, #53424D)
• Worn Teal color palette (#EEF8EF, #D7B178, #59C196, #A17DB6, #2F3A30)
• Blush Loft color palette (#FBF2FB, #F68C95, #68A884, #38708C, #2A2937)
• Aged Workshop color palette (#FCEDF3, #E7A677, #648474, #5E5056, #252025)
• Quiet Turquoise color palette (#FFF1F5, #E4A965, #00B1BE, #A7618B, #37242A)
• Violet Lagoon color palette (#FFF0FD, #FF7873, #00B075, #865ED1, #3D1514)
• Marigold Summit color palette (#EEF9ED, #E49200, #00A47F, #8164C1, #122610)

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