Cocoa Parlor color palette — #FFF3E4 · #DBDDC7 · #CBC891 · #977454 · #624100

Bronze and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Bone (#DBDDC7): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#CBC891): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#977454): A full-bodied, dusty gold — the color of old brass.
• Bronze (#624100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Bronze Grove color palette (#F8F6E2, #B7E5D4, #93CCC2, #967E37, #595200)
• Tempered Driftwood Field color palette (#FDEFE1, #C0E1C7, #9CC4AE, #A07464, #3A2A11)
• Softworn Cocoa color palette (#FFF3E8, #C89E73, #90694B, #784211, #553600)
• Timeworn Bloom color palette (#F2E3C1, #BDA100, #7D8A2A, #5B3900, #231A00)
• Antique Moss color palette (#FFF4C1, #CBCE57, #85B200, #765700, #3D3800)
• Washed Blush color palette (#FFF3E7, #DCE4C9, #A0DDD5, #E79499, #684B00)
• Patina Stone Workshop color palette (#F9F5EA, #C5AC68, #5C5119, #312E27, #1A1D10)
• Teal Quarry color palette (#F1F6D0, #95D7A6, #38B093, #536631, #2E3029)

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