Jade Courtyard color palette — #FEF4E3 · #C0DB87 · #1AC37B · #AC7496 · #3C3B34

Built around Clover, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C0DB87): A whisper-light, balanced green — the color of new leaves after rain.
• Clover (#1AC37B): A luminous, vivid teal — the color of glacier melt.
• Dusty Rose (#AC7496): A luminous, balanced pink — the color of a candy shop window.
• Charcoal (#3C3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Pale Lime color palette (#FFF3E8, #E0CF7E, #7ABA39, #887FBB, #3D3A34)
• Timeworn Teal Garden color palette (#FAF5E5, #ACD7AF, #4BB4A3, #A3776F, #343A00)
• Patina Teal color palette (#F9F5E6, #96E3A6, #00BEAE, #5A8EB9, #3A3B34)
• Gentle Studio color palette (#F9E9CD, #A5D264, #24BE86, #8558A9, #223500)
• Washed Celadon color palette (#FAF6DB, #A1F099, #35A976, #516B9A, #2E2F28)
• Fern Lantern color palette (#F8F5EE, #DFE1BE, #83C5AF, #B28F96, #505100)
• Dusty Peony color palette (#FFF1F2, #FFC3F1, #04D6AD, #C846B3, #004636)
• Powdered Hollow color palette (#EEDFD1, #B9A843, #509300, #635C8D, #201B00)

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