Weathered Pier color palette — #FFF2E9 · #E2DAC3 · #CCA362 · #917313 · #535049

Ochre and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#E2DAC3): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#CCA362): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#917313): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#535049): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. 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

• Patina Ridge color palette (#FCF4E8, #D9DEC6, #C4AA85, #99714C, #4C3E00)
• Dusty Terrace color palette (#FFF2EC, #FFC9AB, #E6A64D, #9B9656, #52524B)
• Patina Terrace color palette (#FFF4DD, #C5E9C2, #9CB773, #5C8645, #52534C)
• Apricot Atelier color palette (#FFE7F9, #EFA673, #A57B3B, #635B27, #1B3F37)
• Weathered Amber color palette (#FAF4EC, #E2E3B7, #ADCDFF, #BD9238, #563B56)
• Mustard Balcony color palette (#FEDEA0, #BCA737, #777900, #485800, #132B00)
• Feathered Canyon color palette (#FFF3E5, #F1BE31, #AE9900, #646400, #314000)
• Weathered Bronze color palette (#F4E3D5, #A06800, #533F00, #1C1800, #010100)

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