Jade Ridge color palette — #FDF1FC · #F29CA0 · #4EBD86 · #BB6167 · #204D36

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

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Rose Quartz (#F29CA0): A luminous, balanced red — the color of a theater curtain.
• Jade (#4EBD86): A luminous, balanced teal — the color of glacier melt.
• Mocha (#BB6167): A full-bodied, balanced red — the color of embers at dusk.
• Forest (#204D36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Feathered Lantern color palette (#FFF0FD, #F29D97, #00BBC3, #BE605C, #184957)
• Faded Field color palette (#F7F3FF, #E999D3, #68BB66, #AE619A, #2C4B2B)
• Peony Ridge color palette (#FFF2EF, #FFC1CD, #5DD1C6, #C66880, #00423E)
• Weathered Drift color palette (#FBF1FF, #DF85A1, #00B193, #0096B2, #403245)
• Muted Pier color palette (#ECFAEB, #A1C9AF, #AF8754, #885D49, #2E423B)
• Coral Courtyard color palette (#FAD9F1, #FF6646, #00A19E, #BE2700, #003635)
• Wandering Bronze color palette (#FDF1F8, #D1C58B, #A85837, #57364B, #2B1C25)
• Azure Studio color palette (#E3F3E9, #BAA949, #00A5CD, #827200, #003C4D)

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