Cocoa Alley color palette — #F1DDF8 · #7F627F · #672916 · #241E00 · #001004

Rust and Slate set the tone — five colors that lean into sophistication.

The five colors

• Thistle (#F1DDF8): A whisper-light, dusty pink — the color of peonies in June.
• Slate (#7F627F): A full-bodied, dusty pink — the color of neon signs at night.
• Rust (#672916): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#241E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001004): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication. Tagged vintage, retro, muted.

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

• Dusty Cocoa color palette (#F3DDD9, #8E5A42, #573300, #162200, #000F0B)
• Worn Driftwood Harbor color palette (#EADDE7, #B0728F, #915961, #5F3D00, #130D00)
• Aged Basalt color palette (#DFDEFF, #7B507A, #572342, #3C1600, #1F0F00)
• Weathered Cocoa color palette (#E8ECFF, #8C6A8D, #7E3C49, #003E30, #001111)
• Eclipse Workshop color palette (#E9EDFF, #6E3F7C, #5C0C26, #001A13, #000605)
• Spruce Drift color palette (#EFD5E8, #A27990, #71512B, #273F0A, #062E12)
• Midnight Mulberry Alley color palette (#E6DDE9, #89254C, #4A3E00, #42001D, #080600)
• Fern Studio color palette (#FBEDDE, #957942, #534D00, #003323, #001B21)

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