Pale Pier color palette — #FDD8C7 · #DC8A3C · #818600 · #70003B · #2B0E00

Mulberry and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FDD8C7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#DC8A3C): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#818600): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#70003B): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#2B0E00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged pastel, light, warm.

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

• Patina Garnet color palette (#F0DFE9, #DA8848, #A16F00, #76160C, #120500)
• Dusty Aubergine color palette (#F2E1E6, #D5947F, #9B6D00, #5B0D65, #350C0F)
• Worn Lagoon color palette (#EBDBCC, #AE9E40, #009627, #761523, #291900)
• Linen Archive color palette (#FAE8DC, #F0954F, #C38700, #98382B, #290E00)
• Antique Bronze color palette (#F9ECDE, #866800, #293439, #2B1800, #080300)
• Softworn Alley color palette (#FFF2EB, #F6BB76, #91B100, #A5244E, #4F310F)
• Quiet Ridge color palette (#FBEACE, #BFC781, #00B586, #8D470B, #34322B)
• Dusty Hollow color palette (#EBDEB5, #9AC48A, #00A59D, #6C4700, #152703)

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