Jade Ridge color palette — #FFF3E9 · #FCB773 · #77B869 · #8876AF · #403D36

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Cantaloupe (#FCB773): A whisper-light, balanced gold — the color of honey in a jar.
• Jade (#77B869): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#8876AF): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#403D36): a grounded near-black with real depth.

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

Use it as a design system

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

• Honey Bloom color palette (#FFF2EC, #DAC96B, #49BBA1, #A06D9F, #3E3E36)
• Wandering Mustard color palette (#FFF3E4, #FFAFA7, #B4A73A, #6E7DC0, #423C37)
• Softworn Honey Harbor color palette (#FFF4E2, #EFC752, #7F9D61, #4A648D, #34312B)
• Worn Studio color palette (#FFF2EC, #E6D4B2, #B3BF95, #B18B89, #684746)
• Turquoise Harbor color palette (#FFF2ED, #F9A39F, #00B5BE, #B35D7B, #512A37)
• Chalky Byzantium color palette (#FFDCCB, #DCA700, #1BB07A, #8F379F, #292C00)
• Gentle Mint Boulevard color palette (#FFE9E3, #7CD280, #00A8CD, #A75A65, #27361B)
• Wandering Harbor color palette (#F6F6EC, #ADE3C9, #62BDBF, #AF8380, #364B02)

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