Aged Pier color palette — #FFF1F0 · #CC87A5 · #009DA0 · #A3376E · #004D4E

Magenta Rose takes the lead with Cerulean close behind in a set that reads as balance at first glance.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Dusty Rose (#CC87A5): A luminous, balanced rose — the color of a warm blush.
• Cerulean (#009DA0): A luminous, balanced teal — the color of sea glass.
• Magenta Rose (#A3376E): A full-bodied, balanced rose — the color of a warm blush.
• Forest (#004D4E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Balance. Tagged warm.

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

• Timeworn Brick color palette (#FFF2ED, #CD8C85, #00A08B, #A83C36, #004E43)
• Linen Byzantium Boulevard color palette (#FFF1F3, #B98DBE, #439E71, #913B9C, #1E4D36)
• Cornflower Workshop color palette (#F7EDFF, #D08BAC, #4290E5, #96436E, #112842)
• Lagoon Dune color palette (#FFF2EE, #BE6E76, #0E9073, #00787D, #512D23)
• Crimson Canyon color palette (#FEDCD1, #E83355, #007E92, #95002B, #00343E)
• Tangerine Canyon color palette (#FFF2E9, #EF8137, #0076B7, #904300, #003E64)
• Pale Lagoon color palette (#FFF2EF, #F299B0, #B7A632, #C15978, #45423B)
• Timeworn Cocoa color palette (#FFF3E6, #B6A485, #90693F, #76412E, #3F3D36)

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