Jade Pier color palette — #F5FACA · #D2E59B · #8EB163 · #5E8144 · #2D4A28

Sage and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F5FACA): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#D2E59B): A whisper-light, balanced green — the color of new leaves after rain.
• Sage (#8EB163): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#5E8144): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#2D4A28): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Feathered Orchard color palette (#DFFFE1, #9CE7B4, #65BE8E, #208968, #044A3B)
• Mustard Field color palette (#FFF4E0, #ECCE87, #BDA54D, #746C1F, #3F4017)
• Feathered Field color palette (#C4F4E0, #98B05A, #609000, #3B631F, #185143)
• Emerald Balcony color palette (#F6F7E2, #B3E59F, #7AC5F0, #669A50, #003E58)
• Pale Jade Meadow color palette (#F2FBD1, #9DF6E7, #70B27B, #306F43, #002408)
• Fern Dune color palette (#F3F8E2, #C6E9D2, #C4C0CB, #B1B388, #46540A)
• Powdered Moss color palette (#E6EED7, #5E9800, #1E6000, #003007, #000200)
• Lime Veranda color palette (#C9FFB3, #44D534, #009D42, #005F35, #002F20)

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