Cocoa Orchard color palette — #F8ECE0 · #D9CEBF · #B1A586 · #704000 · #050200

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

The five colors

• Cream (#F8ECE0): A whisper-light, dusty gold — the color of old brass.
• Oat (#D9CEBF): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B1A586): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Basalt Pier color palette (#F0EBE0, #BFBBA9, #92947D, #473B00, #020100)
• Timeworn Basalt Corridor color palette (#EAE1E4, #9CAFA0, #658976, #522D00, #1E0E15)
• Wandering Fern color palette (#F5F6EE, #D0DDD4, #AEC2A6, #366F2D, #0D0E00)
• Bronze Orchard color palette (#F0E6DD, #AFB2A0, #8A9F84, #A95900, #210E00)
• Ancient Forest color palette (#E8E2C2, #739B60, #005D31, #4A1A00, #000200)
• Aged Bronze Meadow color palette (#ECE1CB, #A26800, #454600, #001E31, #020100)
• Dusty Chestnut Delta color palette (#EDE2CD, #61606A, #5E4B00, #151B15, #050600)
• Pale Olive color palette (#FFF2DD, #FFA166, #B58500, #457100, #010100)

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