Cocoa Alley color palette — #F2D8C9 · #BB6243 · #007694 · #7E2800 · #002E3C

Rust takes the lead with Terracotta close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#F2D8C9): A whisper-light, dusty gold — the color of honey in a jar.
• Terracotta (#BB6243): A full-bodied, balanced orange — the color of sun-warmed clay.
• Teal (#007694): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7E2800): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#002E3C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged 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

• Linen Amber color palette (#FCEBDE, #C27A43, #0086A7, #844200, #003C4D)
• Linen Orchard color palette (#F8D5CB, #C65366, #007C6D, #8A0030, #00312A)
• Wandering Denim color palette (#FFE7D2, #A05800, #005C9C, #562D00, #001C35)
• Tempered Lagoon color palette (#E7DDC8, #947D15, #0067CD, #574800, #002756)
• Faded Corridor color palette (#F8E2D2, #AA4B00, #006983, #304577, #371300)
• Pine Thicket color palette (#FFE4F3, #C9581B, #198113, #762C00, #011801)
• Faded Veranda color palette (#F6D1EA, #FFAA91, #05B1E8, #BA411A, #002D3F)
• Fern Workshop color palette (#F4EDD6, #799160, #5C5900, #493200, #002D11)

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