Cocoa Alley color palette — #FDF4E2 · #FFCED3 · #C29A6C · #507D6E · #662C06

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

The five colors

• Cream (#FDF4E2): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCED3): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#C29A6C): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#507D6E): A full-bodied, dusty teal — the color of sea glass.
• Rust (#662C06): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

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

• Washed Quarry color palette (#FEF4E0, #FFD0C6, #B5A066, #806984, #5F3200)
• Softworn Cocoa Loft color palette (#FCF5E2, #F7BDD5, #CCA67E, #659889, #71331B)
• Petal Chapel color palette (#F9F6E2, #FAC9FF, #CF8E8C, #607B5D, #4F3939)
• Muted Atelier color palette (#EDF9EF, #CC9993, #996D3E, #006768, #573F4E)
• Jade Field color palette (#FFF2EE, #FFB5B7, #6FAA7C, #4D6E8D, #453047)
• Basalt Corridor color palette (#FFF2EE, #E0DCCE, #C8C0AA, #958895, #5D4C5D)
• Patina Thicket color palette (#FFF3E5, #F9C254, #73A06A, #665A8E, #34312B)
• Wandering Boulevard color palette (#FFF2EA, #F78F5C, #714C00, #332922, #140E0C)

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