Jade Pier color palette — #FFF1F1 · #D29EBA · #51AE7A · #9A5A80 · #4C4E47

A conversation between Jade and Pewter, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Mauve (#D29EBA): A luminous, dusty rose — the color of pressed rose petals.
• Jade (#51AE7A): A luminous, balanced teal — the color of glacier melt.
• Pewter (#9A5A80): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal Brown (#4C4E47): quiet, heavy and certain.

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

• Antique Bloom color palette (#FFF1F7, #B3A5E1, #71A971, #7766A6, #4D4E47)
• Softworn Mallow color palette (#F5EEFF, #DB9CC4, #63AE90, #8E617E, #0A383A)
• Mallow Station color palette (#FFF1F1, #F0ABD7, #73C4A6, #B3759D, #4B4E48)
• Aged Teal Parlor color palette (#FFF2EA, #D7A28B, #30ADA9, #A45D3C, #3F533E)
• Hushed Cabin color palette (#FFF1F2, #C27EAF, #219E8C, #177F8F, #543B3C)
• Mulberry Canyon color palette (#FFF2F0, #E06193, #00928A, #A8005B, #004441)
• Terracotta Hollow color palette (#FEF2EF, #C5C398, #864953, #502E26, #2D241B)
• Tempered Oat Coast color palette (#FFF1F2, #E2D9D1, #C9CE9C, #8F87B2, #584745)

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