Jade Pier color palette — #F8F6E8 · #B0D7A3 · #69B386 · #A47862 · #35362F
Jade and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F6E8): bright and airy, almost weightless.
- Pistachio (#B0D7A3): A whisper-light, balanced green — the color of fresh herbs.
- Jade (#69B386): A luminous, balanced teal — the color of sea glass.
- Mocha (#A47862): A luminous, dusty orange — the color of toasted spice.
- 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 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
- Sunlit Jade Thicket color palette (#F7F6E6, #A1E1A3, #35BF8B, #7C9255, #234325)
- Weathered Lagoon color palette (#FAF5E5, #97C195, #049580, #7F575B, #35362F)
- Misty Drift color palette (#F7EAD0, #C2C957, #70AB00, #92781B, #2F3100)
- Periwinkle Alley color palette (#E6E7CC, #86C169, #63A6FF, #DC6F79, #2D2D0B)
- Ancient Fern Ridge color palette (#F8F5EC, #E4E0B9, #9EC198, #A39981, #574E00)
- Muted Meadow color palette (#F5F8DD, #BDFBD5, #8DECEB, #A5A765, #3F413A)
- Quiet Dune color palette (#EBEAD4, #6FBB7D, #00956F, #87572F, #191D00)
- Pine Thicket color palette (#E4F7F1, #8DAA7C, #437244, #324E39, #00221D)
Browse the whole catalog at Explore, or see today's palette.