Jade Pier color palette — #E3FCF2 · #76B478 · #007058 · #004352 · #000B01

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

The five colors

• Ivory (#E3FCF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#76B478): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007058): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004352): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, 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

• Pine Terrace color palette (#E4FDEB, #99AC5D, #1C722E, #403067, #060900)
• Wandering Fern Alley color palette (#FFF1F5, #B2A354, #516A00, #004737, #0A0700)
• Aged Lagoon Study color palette (#EAEDDC, #73B992, #009572, #00736C, #002112)
• Worn Balcony color palette (#D3F0ED, #408964, #00503D, #00312E, #000B04)
• Lagoon Studio color palette (#E6FBF3, #97C99F, #0E8A73, #66416A, #001F07)
• Olive Lantern color palette (#E1F4E8, #698541, #004925, #230C3C, #010100)
• Ancient Amber color palette (#F7D7E1, #A48D1D, #435600, #1C2753, #020100)
• Cobalt Alley color palette (#FCF2F8, #96D7EA, #0082BF, #005249, #00082B)

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