Jade Coast color palette — #FFF1F4 · #CEA5E3 · #7FB761 · #996AB1 · #43433C

Jade takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#CEA5E3): A luminous, balanced violet — the color of wild irises.
• Jade (#7FB761): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#996AB1): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#43433C): a grounded near-black with real depth.

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

Use it as a design system

One click turns Jade Coast 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

• Patina Archive color palette (#FFF0F9, #ADB0F6, #B7A700, #7575C7, #45423B)
• Soft Teal color palette (#FFF1F1, #EE97C8, #32BE98, #B0628F, #39482A)
• Worn Drift color palette (#FFF1F4, #C284D3, #75964D, #7F508D, #43433C)
• Wisteria Study color palette (#F5F4FF, #E4BAF0, #B1C882, #BF85CF, #3B481E)
• Muted Grove color palette (#FFF1F4, #C68CD1, #C48D00, #0099A0, #4A2F35)
• Powdered Lilac Boulevard color palette (#F5F3FF, #F3BFFC, #ECAA7A, #A873B2, #552C08)
• Plum Terrace color palette (#FFF2F0, #DDC084, #A05773, #5D3343, #2B1E1C)
• Washed Raspberry color palette (#FFF2EF, #FF8099, #00B2AD, #CF305F, #004442)

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