Tempered Jade Courtyard color palette — #E9F9F6 · #77BD71 · #8383C6 · #865768 · #2D372D

Jade and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F9F6): bright and airy, almost weightless.
• Jade (#77BD71): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#8383C6): A luminous, balanced violet — the color of twilight just after sunset.
• Graphite (#865768): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Forest (#2D372D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Weathered Mint color palette (#E6FAFB, #6CC6A2, #6C8FB7, #835978, #5A3644)
• Dusty Hollow color palette (#E9FAF1, #ABA841, #528BBD, #6E678C, #3F2F38)
• Weathered Thicket color palette (#E7F9FD, #00B3AC, #A575A3, #895B46, #223632)
• Softworn Plum Balcony color palette (#FAF4EB, #DDBA80, #A87FB3, #9F4F65, #332113)
• Peony Veranda color palette (#EFF8EE, #7DD4D1, #70ADCC, #B76991, #35332C)
• Dusty Lagoon Chapel color palette (#ECF7FB, #2D9288, #377697, #654160, #2A3D33)
• Worn Ash color palette (#EDF8F7, #D2DCE3, #AFB1C0, #74A6A3, #4C5554)
• Amethyst Harbor color palette (#D6FEFD, #00A170, #824BC4, #93153C, #0A2919)

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