Weathered Pier color palette — #FDF3E9 · #F9CB9A · #9ECBFF · #D39C5E · #58465A

Camel and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Wheat (#F9CB9A): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Sky (#9ECBFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Camel (#D39C5E): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#58465A): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Muted Terrace color palette (#FCF3EC, #FFC89D, #5ADAF7, #DA9761, #365542)
• Softworn Powder color palette (#FFF3E8, #F0BB8F, #6FC9FB, #B0A6D9, #47413C)
• Taupe Atelier color palette (#F8F5E9, #D3DC96, #D6B7F8, #A7AF67, #61434E)
• Honey Canyon color palette (#FFF4DE, #E7C200, #94B5FF, #B29500, #1E3673)
• Muted Cocoa color palette (#FFF3E6, #E6D7BD, #D2AE89, #AE8972, #564600)
• Tempered Mint Loft color palette (#EFF8EF, #E5BD82, #48CAAC, #AC8447, #27555A)
• Bronze Veranda color palette (#FCEDF2, #D4AB7C, #70A2CB, #95672B, #1C3347)
• Hushed Bronze color palette (#F7F5EE, #F6D9B0, #9CA566, #7C6D21, #2E2C20)

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