Faded Cocoa Pier color palette — #FCF2F8 · #DA7D58 · #586600 · #862F00 · #001E16

Rust and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Coral Clay (#DA7D58): A luminous, balanced orange — the color of autumn markets.
• Olive (#586600): A full-bodied, balanced green — the color of new leaves after rain.
• Rust (#862F00): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#001E16): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

Use it as a design system

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

• Ancient Orchard color palette (#EEF8EE, #BE9050, #346D2E, #6C4600, #001E1A)
• Ancient Mulberry Alley color palette (#F9F2FA, #D17D8A, #745A00, #8D1C3C, #031E0E)
• Timeworn Mulberry Lagoon color palette (#F7EFF6, #CE8B8A, #387528, #9F0B26, #000907)
• Timeworn Bronze Summit color palette (#DFF6E3, #AE7A36, #5E5F00, #004568, #173920)
• Powdered Basin color palette (#FFD8BF, #C18C45, #816800, #474900, #213A00)
• Scarlet Summit color palette (#FFF2ED, #EC9B97, #619121, #C92E39, #1B1900)
• Weathered Hollow color palette (#F4E5EC, #B55900, #324700, #502400, #020400)
• Chalky Olive Workshop color palette (#EAFAED, #FFBD91, #C69E24, #5F7F00, #373003)

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