Weathered Pier color palette — #FFF1F5 · #DBAECF · #B57370 · #804B28 · #564500

Built around Coffee, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Carnation (#DBAECF): A luminous, dusty pink — the color of a candy shop window.
• Caramel (#B57370): A luminous, balanced orange — the color of toasted spice.
• Coffee (#804B28): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#564500): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Worn Bronze Workshop color palette (#FFF1F1, #EDB9C5, #C98B87, #AA5D3B, #6E3C00)
• Wandering Grove color palette (#FFF1F5, #ECB1A1, #A6804B, #655C20, #26511F)
• Tempered Quarry color palette (#FFF0FD, #BFB8E9, #A1729E, #834658, #6F2E0A)
• Bronze Meadow color palette (#F9F6E1, #BD99C4, #9F6756, #2C6174, #584140)
• Softworn Chestnut color palette (#FFCFE1, #D67C71, #935700, #4E4200, #113F00)
• Rust Balcony color palette (#FFDAE2, #BF532C, #654000, #262A00, #001A14)
• Patina Ash color palette (#FEF2F3, #B784B0, #557C53, #205B71, #264B3B)
• Worn Amber Hollow color palette (#FCD7CC, #CB8600, #666300, #064609, #002F29)

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