Jade Summit color palette — #FFF3E7 · #D7C99F · #7DAF77 · #9D7D59 · #37352F

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#D7C99F): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#7DAF77): A luminous, balanced green — the color of new leaves after rain.
• Mocha (#9D7D59): A luminous, dusty gold — the color of old brass.
• Espresso (#37352F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Dusty Teal color palette (#FAF6E2, #C4D0A6, #4DB3AB, #A17778, #303B00)
• Driftwood Chapel color palette (#FCF4E6, #DDD0A4, #7D935A, #76612B, #312702)
• Hushed Villa color palette (#EDF9EF, #92C0AB, #748953, #496D54, #193E2F)
• Emerald Harbor color palette (#F2E2CE, #B9C081, #5CA468, #3A818C, #292C00)
• Aged Taupe color palette (#EDFBE1, #B2E9DF, #C3D2FF, #9EAF6A, #30412C)
• Mint Archive color palette (#F2ECD0, #72DA93, #00AEA2, #7A822E, #003819)
• Fern Harbor color palette (#F7F6EA, #D7E3C7, #A0BFA1, #9D9B85, #405612)
• Mint Ridge color palette (#D6EDC8, #00CAAC, #DE84A8, #CA6B63, #00342B)

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