Jade Lantern color palette — #F8F5E9 · #C8D48A · #57AE86 · #1C7884 · #3D3732
Built around Jade, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5E9): bright and airy, almost weightless.
- Pistachio (#C8D48A): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#57AE86): A luminous, balanced teal — the color of sea glass.
- Teal (#1C7884): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3D3732): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Worn Jade Loft color palette (#FAF4EB, #E4C88F, #82A768, #30796E, #5E2500)
- Aged Parlor color palette (#F3F7EE, #96DEB5, #18ACC3, #556A98, #3A3932)
- Softworn Stone Boulevard color palette (#FAF6DF, #D0E1CD, #BEC8A3, #718E7D, #40514A)
- Dusty Basin color palette (#FCF4EA, #EEBE7A, #66B8C5, #8381AC, #5B3640)
- Emerald Corridor color palette (#F4F7E5, #12AF3A, #007273, #003B63, #100C00)
- Dusty Hollow color palette (#F9F7DC, #92C200, #00937D, #005976, #2D1F00)
- Hushed Taupe color palette (#EAF5EC, #B4985C, #3C806C, #334C73, #3C192E)
- Quiet Navy color palette (#F1F8EA, #36C096, #008599, #134692, #250B3B)
Browse the whole catalog at Explore, or see today's palette.