Soft Jade color palette — #E7FAF6 · #B2DA9F · #F1AA91 · #7CAF63 · #57364C
Jade and Melon set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#B2DA9F): A whisper-light, balanced green — the color of a quiet forest floor.
- Melon (#F1AA91): A luminous, balanced orange — the color of toasted spice.
- Jade (#7CAF63): A luminous, balanced green — the color of a quiet forest floor.
- Charcoal (#57364C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Optimism, Balance. Tagged light.
Use it as a design system
One click turns Soft Jade 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
- Jade Dune color palette (#E6FAFB, #8EDFC0, #EBB169, #3BB78F, #2F4A2D)
- Feathered Moss Ridge color palette (#E3FCF2, #C8D48E, #5DD0E5, #9BA752, #0C4B55)
- Emerald Lagoon color palette (#E4FBF6, #9DC58C, #CC8BC5, #5F9048, #573453)
- Aged Veranda color palette (#EBFAE9, #BCDABE, #CCA476, #A77E5D, #2C4432)
- Emerald Pier color palette (#F4F7E6, #ADE5AF, #D4A4F3, #24A53A, #452B55)
- Linen Cabin color palette (#E4FAFA, #8AE2B3, #99BFF9, #40B781, #28426B)
- Stone Atelier color palette (#DDFDFB, #C5DFEE, #84BCB4, #B5ABB2, #2E5455)
- Teal Lantern color palette (#E7F9FB, #D0DDA7, #5DA590, #396F5F, #162426)
Browse the whole catalog at Explore, or see today's palette.