Ancient Pier color palette — #FFF1F1 · #E9D5CB · #EDA389 · #AE773A · #4F4B45

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E9D5CB): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#EDA389): A luminous, balanced orange — the color of autumn markets.
• Caramel (#AE773A): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#4F4B45): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged light, muted.

Use it as a design system

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

• Hushed Apricot color palette (#FFE4DC, #F3A093, #BD765A, #7A5137, #3C3731)
• Linen Quarry color palette (#FFD6D0, #EB8F5D, #A46D00, #534600, #162200)
• Antique Olive color palette (#FFF2EB, #E7DEB5, #CFB56D, #7E893C, #505049)
• Basalt Villa color palette (#FFF2EA, #E0DDC2, #CAA68E, #9B6B71, #4F3D00)
• Amber Lantern color palette (#FFF2EA, #EBD9BC, #8DD7FB, #D2835A, #1F4C61)
• Tempered Rust Atelier color palette (#FFF1F6, #FDD6FD, #E698B8, #AF5960, #534C48)
• Tempered Lagoon color palette (#FFF2EE, #FDB67F, #B58900, #585900, #1A390D)
• Washed Summit color palette (#EBDCCD, #9C8500, #4A5600, #0E3400, #000402)

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