Jade Pier color palette — #FAF5E8 · #B8D59E · #64B386 · #8C8555 · #36362F

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Pistachio (#B8D59E): A whisper-light, balanced green — the color of fresh herbs.
• Jade (#64B386): A luminous, balanced teal — the color of glacier melt.
• Mocha (#8C8555): A luminous, dusty green — the color of new leaves after rain.
• Espresso (#36362F): a grounded near-black with real depth.

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

• Teal Station color palette (#F6F7E5, #9DD9BC, #32B6AE, #728D61, #2B3C00)
• Aged Celadon color palette (#F8F6E7, #B7DE96, #679960, #65635C, #2B290A)
• Wandering Garden color palette (#E6FBF3, #A6BD93, #5A9051, #5E6A37, #133E36)
• Worn Market color palette (#FBF5E5, #BADB9A, #48BF7F, #1B9AA3, #3B3B34)
• Fern Bloom color palette (#FBF4EA, #E7DEBF, #A1C092, #8FA088, #5D4B00)
• Jade Ridge color palette (#E8E5D7, #9BC894, #00AA80, #258294, #292B07)
• Ancient Moss Dune color palette (#FEE7CD, #D3C169, #81A700, #019071, #362E00)
• Misty Corridor color palette (#DBEBDC, #5CD9A9, #00B7AB, #008A92, #003F50)

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