Weathered Jade Courtyard color palette — #FFF6CC · #C8ECA8 · #56B17D · #027A63 · #284B32
Built around Jade, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF6CC): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#C8ECA8): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#56B17D): A luminous, balanced teal — the color of sea glass.
- Teal (#027A63): A full-bodied, balanced teal — the color of sea glass.
- Forest (#284B32): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Weathered 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
- Linen Pine Coast color palette (#E9E5BA, #7AB371, #008A47, #005A42, #213417)
- Tempered Teal color palette (#E3FFD5, #92EBBF, #2EBBAF, #007989, #1E4A63)
- Hushed Teal Summit color palette (#EBFCD9, #A3F6FD, #55B195, #006757, #002019)
- Hazy Taupe color palette (#FFF3E9, #FFD492, #AA9F41, #5D772E, #1D4226)
- Twilit Lagoon color palette (#D1ECD4, #00876D, #004346, #00181E, #000103)
- Washed Lime Orchard color palette (#CFFB96, #10DC4D, #009275, #005F65, #00252F)
- Emerald Lagoon color palette (#DBE2C7, #309300, #006045, #002C28, #000608)
- Feathered Coast color palette (#F1F8E9, #8DEBC3, #E1A3D7, #2BA078, #4C2A48)
Browse the whole catalog at Explore, or see today's palette.