Ancient Cocoa Canyon color palette — #FFF1F3 · #FDD0D1 · #E8A3BA · #A76D78 · #76381F

Rust and Ballet Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FDD0D1): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#E8A3BA): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A76D78): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#76381F): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

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

• Chestnut Ridge color palette (#FFF2ED, #E6D7CA, #E39E82, #A07252, #724700)
• Wandering Mallow Studio color palette (#FFF0F9, #E6D6E6, #CDA8E6, #8E6893, #633F42)
• Ancient Garden color palette (#FFF1F6, #F3C7EB, #EE9EBA, #CE7E79, #4F4844)
• Onyx Pier color palette (#FFF2EE, #E4D8D2, #DD9799, #925A5E, #521800)
• Amber Field color palette (#FFF1F1, #FFB4AC, #DA734F, #924800, #482B00)
• Scarlet Study color palette (#FFDAE0, #FF7D8C, #D7432C, #752E00, #291100)
• Antique Blush color palette (#FFF2EF, #F6D3C9, #86DFD2, #CB8193, #364E2E)
• Cocoa Delta color palette (#FFE9E1, #D4DDE9, #BDB1B2, #70370E, #271F1B)

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