Cocoa Thicket color palette — #FFF2EC · #DFD9CD · #E2ABAE · #92B6B0 · #7D421D

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFD9CD): a clean, paper-quiet neutral.
• Rosewood Mist (#E2ABAE): A luminous, dusty red — the color of late-summer berries.
• Ash (#92B6B0): A luminous, dusty teal — the color of glacier melt.
• Bronze (#7D421D): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Patina Study color palette (#FFF2EE, #DBF4C1, #E0DBCE, #BC9395, #793E1B)
• Seafoam Loft color palette (#FBF4E6, #D7E6C3, #9CDFB9, #CEB27F, #5E4B00)
• Patina Apricot Loft color palette (#FFF3E9, #FFD68B, #DFDAC8, #F29172, #4F4944)
• Timeworn Grove color palette (#FAF4EE, #F8D9AC, #C79163, #92602B, #322A22)
• Amber Station color palette (#FDE2D2, #BB9F57, #C98300, #A5473A, #1D0800)
• Weathered Mint color palette (#F5F6EB, #9ED491, #6FC3E3, #749DCC, #3D3E37)
• Tempered Mustard Cabin color palette (#F8F4EE, #F3DBAC, #B2C163, #CAA559, #2F2E27)
• Tempered Clover Market color palette (#EAE4D3, #B0CA5C, #76BE63, #937600, #131600)

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