Cocoa Orchard color palette — #FFF2EA · #EDD4BF · #DBA993 · #B28774 · #633F00

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#EDD4BF): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#DBA993): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B28774): A luminous, dusty orange — the color of toasted spice.
• Bronze (#633F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Tempered Stone Villa color palette (#FEF1F9, #ECD4D0, #D2A190, #847389, #34443A)
• Mallow Balcony color palette (#F1F8EA, #88D6B4, #CFA4DE, #C0898B, #3B3E38)
• Faded Apricot color palette (#FFEBD6, #E7C280, #E58C00, #B96638, #38352E)
• Ancient Pewter Orchard color palette (#FFECF6, #CFB1BF, #98788A, #6B4D62, #3A252D)
• Gentle Amber color palette (#EEE1D1, #CAAF5B, #BC8100, #945C2C, #2D2300)
• Antique Bronze color palette (#FFE7D6, #C57D22, #AB5000, #7F2F1F, #120900)
• Tempered Bronze color palette (#E4DED1, #9EA659, #8F7D00, #765300, #0E1A00)
• Worn Olive color palette (#F3F7ED, #F2DBAC, #6EAF8A, #637633, #2A2D25)

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