Faded Pier color palette — #FFF4DF · #E1BB3A · #EA7EA9 · #8F7300 · #3F1929

Saffron takes the lead with Bubblegum close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#E1BB3A): A luminous, balanced green — the color of fresh herbs.
• Bubblegum (#EA7EA9): A luminous, balanced rose — the color of a warm blush.
• Ochre (#8F7300): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3F1929): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Worn Marigold Workshop color palette (#FFF3E7, #FFA857, #D186D6, #AC6100, #3B173D)
• Linen Meadow color palette (#FAF5E2, #D5DD7B, #F99DA1, #8A9046, #512E22)
• Amber Atelier color palette (#F6EEDB, #D2BF68, #A6A6FB, #A99000, #312F5B)
• Honey Lantern color palette (#FDF4E1, #D1CC76, #988A4B, #67562E, #272109)
• Gentle Pier color palette (#FFF6D1, #AAAF00, #00AE95, #B06948, #221B00)
• Linen Courtyard color palette (#FFF3E3, #F5B10E, #00C1A6, #996D00, #003028)
• Tempered Courtyard color palette (#E3FFD6, #67D000, #FA6320, #3C7D00, #390E00)
• Antique Seafoam Alley color palette (#E8FED8, #00E8BD, #E89C00, #009377, #412900)

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