Dusty Jade Courtyard color palette — #ECF0DF · #69AB79 · #39747E · #683C4B · #4F2E2A

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

The five colors

• Cream (#ECF0DF): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#69AB79): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#39747E): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#683C4B): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#4F2E2A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Dusty Harbor color palette (#DDEEBE, #84B5A1, #5E7E6A, #694741, #572F00)
• Softworn Taupe color palette (#FBEBCE, #89B485, #548D9E, #6C5473, #592434)
• Tempered Lagoon color palette (#E7F0E3, #309981, #055F82, #612725, #431C1A)
• Frosted Cobalt Corridor color palette (#D7EADF, #00AAC5, #4C69B3, #7A3C00, #59351B)
• Pewter Quarry color palette (#C8F0E6, #91BEBF, #4EA9AD, #8F5EA2, #5A213F)
• Chestnut Garden color palette (#EAF0C6, #A8C5A4, #739589, #8E4F32, #664300)
• Powdered Boulevard color palette (#EDE3D3, #839636, #176624, #4A3C0F, #2F2908)
• Soft Emerald color palette (#DAECD5, #00A463, #006B58, #004342, #0B283C)

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