Jade Courtyard color palette — #F1F3E8 · #70AC7A · #515C4E · #37392E · #23221B

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

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Jade (#70AC7A): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#515C4E): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#37392E): quiet, heavy and certain.
• Onyx (#23221B): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Patina Mint Grove color palette (#F0F4E7, #7CCC92, #6C8646, #4F5B13, #22221D)
• Lagoon Lagoon color palette (#E4F0D9, #009D7B, #004F57, #1F2B12, #121306)
• Dusty Cerulean Thicket color palette (#D7EADD, #00A0BA, #59455B, #243129, #141A13)
• Teal Courtyard color palette (#E9FBE7, #65C4BE, #CD919F, #AE7F68, #364835)
• Softworn Atelier color palette (#F4F9D6, #95D3AD, #5CB7A0, #278282, #3A5A46)
• Lagoon Grove color palette (#EFF8EC, #8BD4CA, #E19AA8, #379F93, #694139)
• Muted Bronze Parlor color palette (#F9F5EB, #D5D2B7, #98A07B, #977833, #574E00)
• Bone Boulevard color palette (#FAF6D9, #D1DCBF, #9CB1A4, #917A78, #644946)

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