Jade Garden color palette — #F9F6E4 · #B4D5AB · #62B485 · #AF7352 · #35362F
Jade and Mocha set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B4D5AB): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#62B485): A luminous, balanced teal — the color of sea glass.
- Mocha (#AF7352): A luminous, balanced orange — the color of sun-warmed clay.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Jade Garden 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
- Fern Harbor color palette (#F5F6EC, #CCDCB3, #6ABEAD, #A68B6B, #374A00)
- Hazy Moss color palette (#F4EAD8, #C0C780, #72AA30, #937800, #2E3100)
- Dusty Teal Loft color palette (#E5E6D4, #92C9A7, #3FA58D, #5D814E, #242D07)
- Wandering Coast color palette (#F9F5E4, #96C1A0, #179389, #835072, #35362F)
- Worn Rose color palette (#E5E7CC, #8BBF75, #6FA6F4, #F05C6C, #1A330F)
- Lagoon Hollow color palette (#EBEAD4, #80B68B, #009571, #905214, #00220A)
- Tempered Drift color palette (#F6F7E2, #C1E8CB, #83DDFE, #ABB35D, #40413A)
- Antique Pine Studio color palette (#EEEAD6, #72945F, #00763C, #474D00, #020800)
Browse the whole catalog at Explore, or see today's palette.