Aged Pier color palette — #F4DDEC · #BB4520 · #402B36 · #261B22 · #12090B

A conversation between Terracotta and Espresso, giving this palette its sense of sophistication.

The five colors

• Rose Water (#F4DDEC): A whisper-light, dusty pink — the color of peonies in June.
• Terracotta (#BB4520): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#402B36): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#261B22): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#12090B): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Weathered Harbor color palette (#F2DFE4, #9D6200, #223827, #2A191F, #120A0A)
• Aged Quarry color palette (#EAE0F2, #B2407F, #3B2C40, #221C28, #100B0F)
• Softworn Ember Lantern color palette (#F7DFD2, #D76B4E, #704000, #4C1F00, #1E1614)
• Fern Terrace color palette (#DCF0E5, #5E5600, #2B2C34, #191D00, #000D06)
• Softworn Coral color palette (#EFDFEA, #E3927F, #617664, #554350, #1C161F)
• Wandering Cocoa Loft color palette (#FADED1, #4E5B5B, #5E2600, #332815, #110500)
• Aged Amber color palette (#E3FDE8, #AC8100, #438D57, #905657, #2B3D2F)
• Pale Amber color palette (#E9FBE7, #D78D1C, #B16FA8, #885B1C, #473B5C)

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