Weathered Pier color palette — #FFF2ED · #F5D083 · #C67F73 · #69615D · #2C1E18

Honey and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Honey (#F5D083): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Caramel (#C67F73): A luminous, balanced orange — the color of sun-warmed clay.
• Graphite (#69615D): quiet, heavy and certain.
• Onyx (#2C1E18): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Sand Field color palette (#FEF3E5, #F7D07B, #AE8F60, #825A18, #272018)
• Washed Honey Canyon color palette (#F5EEDA, #F1C152, #908C24, #58564F, #1B1504)
• Rust Meadow color palette (#FFF2EE, #BDCD8B, #A2585F, #5A382F, #2A1F1B)
• Cocoa Market color palette (#FAEDF6, #CFAC89, #7E4131, #42190E, #150711)
• Muted Bronze Pier color palette (#EDDDCA, #AA7F00, #644100, #201200, #030100)
• Tempered Mustard color palette (#F6E0CF, #EFB403, #C35E00, #7A3900, #1C0A00)
• Quiet Balcony color palette (#FFF2E9, #F59552, #00AFA5, #677BAC, #3A2322)
• Washed Terracotta color palette (#FDE7DB, #BC8E00, #963300, #491500, #040100)

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