Pale Pier color palette — #FFF2DC · #C3BE79 · #70A34B · #00864F · #1A574D

Fern and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF2DC): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C3BE79): A luminous, balanced green — the color of fresh herbs.
• Moss (#70A34B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00864F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#1A574D): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Pale 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

• Softworn Cabin color palette (#FEF5D5, #AFD2A9, #64B386, #008C88, #33573E)
• Olive Delta color palette (#FFE0CA, #E0B57C, #AA982D, #5A7500, #324E2D)
• Pale Balcony color palette (#D5FFEA, #9AAE55, #5C8500, #2E6627, #1E5756)
• Hushed Chartreuse Thicket color palette (#ECE6AF, #C0DA66, #8DBC61, #5E8F5C, #264E37)
• Timeworn Balcony color palette (#F2FAD5, #A3D9B4, #52A979, #006D3F, #0C3A14)
• Hazy Emerald Delta color palette (#F5F7E9, #93C88E, #BF8EDA, #2E9929, #4F375C)
• Hushed Lantern color palette (#D6F0D6, #31BA88, #008184, #00556C, #002F49)
• Dusty Amber color palette (#F5F8E3, #C7E8DA, #CAD1FB, #AE9145, #425815)

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