Faded Pier color palette — #F9F7DD · #C1E76C · #A69AF9 · #658200 · #30176D

Chartreuse and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F9F7DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Chartreuse (#C1E76C): A whisper-light, balanced green — the color of fresh herbs.
• Wisteria (#A69AF9): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#658200): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#30176D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Dusty Loft color palette (#F7F8D7, #A8ED7D, #E573F5, #488900, #490F51)
• Hazy Honey color palette (#FFF3E2, #F7BD3C, #98A7FF, #A17600, #212466)
• Misty Lilac color palette (#F7F7E2, #91B96A, #AF76DB, #467000, #26003C)
• Faded Emerald color palette (#F2F8EA, #A7E4C5, #F09CCC, #00A370, #552442)
• Sunlit Orchard color palette (#EDFAE3, #52F5CB, #E967CF, #009476, #4E1043)
• Timeworn Chartreuse Coast color palette (#E0FDF4, #A8D93F, #0ECAF5, #7DA800, #004252)
• Byzantium Canyon color palette (#DAFFF0, #A0AD25, #8F41CC, #5A6300, #492865)
• Misty Marigold color palette (#FDF7D0, #C7F3F0, #B6D0FB, #CB9E00, #274014)

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