Jade Lantern color palette — #F4F7EC · #C3F4CB · #DABCFF · #66AC76 · #593D47

Built around Jade, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Mint (#C3F4CB): A whisper-light, dusty green — the color of new leaves after rain.
• Lavender (#DABCFF): A whisper-light, balanced violet — the color of wild irises.
• Jade (#66AC76): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#593D47): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Muted Workshop color palette (#F2F7EE, #ADF8E0, #FFB6B3, #51AD93, #4C4441)
• Amber Atelier color palette (#FBF4E8, #FDE3A6, #BAC9FF, #B7953B, #553D50)
• Washed Lagoon color palette (#F0F7F1, #DBD6CB, #4F9298, #374D3B, #161D17)
• Wandering Ash Drift color palette (#E8FAF5, #A1B988, #BA85AB, #637C48, #524763)
• Quiet Blush color palette (#E9FAEF, #88E4FB, #FF98A7, #009AB5, #522C23)
• Dusty Fern color palette (#F6F7E5, #C8EADB, #B3C3DF, #CBB692, #485A15)
• Washed Mallow color palette (#F7F6E5, #BBD88E, #ED9EC9, #C78EAC, #393932)
• Washed Mint color palette (#F3F9DB, #C1EEE9, #7CCC96, #4F7D54, #282D0D)

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