Jade Pier color palette — #FBF5E5 · #C5D0A0 · #83AE72 · #AB736A · #37362F
Jade and Mocha set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBF5E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#C5D0A0): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#83AE72): A luminous, balanced green — the color of fresh herbs.
- Mocha (#AB736A): A luminous, dusty orange — the color of sun-warmed clay.
- Espresso (#37362F): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Jade Pier 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
- Washed Basalt color palette (#F7F5EC, #D5D8B8, #7DBC99, #AA886F, #434600)
- Teal Villa color palette (#EAEFCF, #82D4AE, #00AF9B, #A46E12, #003824)
- Wandering Lagoon color palette (#FAF5EA, #A4BE91, #3E9273, #78547F, #36362F)
- Peony Bloom color palette (#EAE5CB, #A8B949, #46B0EA, #DD6897, #332B03)
- Aged Taupe color palette (#F9F6E2, #C7E7C8, #8ADBE7, #B8A659, #45453E)
- Emerald Orchard color palette (#F5F0DE, #93B373, #33954A, #904F38, #112000)
- Washed Fern Courtyard color palette (#E8DEC8, #868F49, #466F1F, #564700, #060700)
- Moss Market color palette (#F5EFD7, #C3C56D, #B1A1FB, #979800, #372B5D)
Browse the whole catalog at Explore, or see today's palette.