Cocoa Study color palette — #F2E3CF · #898340 · #805600 · #6D2400 · #010500

Built around Rust, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Parchment (#F2E3CF): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#898340): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#805600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6D2400): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Ancient Garnet color palette (#FBE9DD, #A27740, #97431B, #79002E, #040300)
• Wandering Pier color palette (#F9E8D3, #8A6F00, #513600, #200D00, #020100)
• Patina Mulberry color palette (#F6E2D4, #C19755, #BC5F23, #9C293E, #191700)
• Gentle Moss color palette (#EEE6D3, #A5BA88, #A48E11, #9A5900, #002D15)
• Aged Byzantium color palette (#FFE6EB, #983CB2, #9C2E7D, #504700, #040007)
• Rust Boulevard color palette (#F4E6F6, #4A93E3, #BD491C, #004481, #040100)
• Ancient Navy Courtyard color palette (#EEDDEC, #AE7C17, #1A4296, #000B45, #050005)
• Washed Driftwood color palette (#F5E4DB, #DFB994, #D28872, #AA5F73, #33302A)

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