Jade Ridge color palette — #F9EEF4 · #AEACE7 · #73AE6C · #6D67AC · #31322B

Built around Jade, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Mauve (#AEACE7): A luminous, balanced violet — the color of a velvet chair.
• Jade (#73AE6C): A luminous, balanced green — the color of fresh herbs.
• Slate (#6D67AC): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Ancient Balcony color palette (#E5F7F0, #88BADF, #B69948, #3878A4, #34302A)
• Jade Chapel color palette (#FCEEED, #DD9DBB, #74AE64, #A0557B, #31322B)
• Aged Lilac Basin color palette (#FFF1F6, #BD9FE8, #90A169, #7B6797, #574E00)
• Muted Emerald Loft color palette (#FFECF5, #9C92D1, #59A06B, #53865F, #31222A)
• Worn Stone color palette (#F4F4FF, #DAB3EE, #B3B76F, #9F7DB1, #355548)
• Pewter Grove color palette (#F9EFF0, #BCCAA0, #7C4E7B, #48252B, #1C1012)
• Stone Alley color palette (#FDEDF5, #E5D6CE, #CCC390, #957D98, #423236)
• Mulberry Thicket color palette (#FEEEEA, #E28296, #00A29D, #A03E57, #142E12)

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