Aged Cocoa Pier color palette — #F1D5E2 · #94B593 · #588078 · #754252 · #5E3B25

Coffee and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F1D5E2): A whisper-light, dusty rose — the color of pressed rose petals.
• Sage (#94B593): A luminous, dusty green — the color of new leaves after rain.
• Slate (#588078): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#754252): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#5E3B25): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Tempered Chestnut Loft color palette (#FFEDF4, #9ABBA6, #64888B, #87554A, #5F454F)
• Muted Archive color palette (#F1D5EC, #B894A2, #75835A, #76485E, #5E3430)
• Washed Terracotta Courtyard color palette (#F0EBDC, #99AB70, #008379, #8C2800, #514000)
• Aged Villa color palette (#E9E3C7, #A2AA81, #308C80, #4F456D, #421E22)
• Tempered Stone Quarry color palette (#FCE0B5, #ABD195, #70B7BE, #977476, #563D3E)
• Fern Chapel color palette (#FFF1F5, #7CA691, #456F3A, #6B3F00, #193E2E)
• Ancient Grove color palette (#CDECDF, #90C0BB, #4D9D8E, #71618E, #463D5D)
• Timeworn Bloom color palette (#C4EDD9, #6EB7A0, #4F89B2, #6E5A0C, #4B470A)

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