Faded Pier color palette — #FEF4E1 · #D9B527 · #3580EF · #776100 · #00163C

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

The five colors

• Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#D9B527): A luminous, balanced green — the color of a quiet forest floor.
• Azure (#3580EF): A luminous, vivid blue — the color of a favorite pair of jeans.
• Olive (#776100): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#00163C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Apricot Alley color palette (#FFF3E8, #FF9D52, #008DCE, #964D00, #001B2C)
• Frosted Bloom color palette (#F5F8E1, #6DC264, #3291FF, #19780E, #001736)
• Soft Lilac Delta color palette (#FDF4E3, #EECA59, #A67EF0, #8F7300, #2D1E47)
• Linen Harbor color palette (#F6EFCD, #9BAA22, #5B4AEF, #4B5300, #050026)
• Sapphire Pier color palette (#E1F3E8, #927F00, #2067CA, #524600, #00102F)
• Orchid Summit color palette (#F5F9D9, #72D369, #B059F9, #156F0E, #24023C)
• Tempered Sapphire Hollow color palette (#FFF3E2, #CB9B29, #0068E6, #8144C5, #130B00)
• Feathered Moss color palette (#F7F6E5, #BDE48C, #B7AFFF, #709A2A, #4D2C3F)

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