Cocoa Study color palette — #F5E7D4 · #A6A36F · #8E6100 · #732800 · #0F2200

A conversation between Rust and Ochre, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F5E7D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A6A36F): A luminous, dusty green — the color of new leaves after rain.
• Ochre (#8E6100): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#732800): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#0F2200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Linen Garnet Coast color palette (#F9E5D7, #C3975C, #9E5331, #791833, #211C00)
• Washed Lagoon color palette (#F7E5D1, #9E8E33, #7E5000, #631800, #0B1600)
• Muted Bronze color palette (#FFEBD1, #B09C59, #8B6000, #6E3A00, #39380B)
• Chestnut Alley color palette (#E2FEE4, #E3CF90, #B6893B, #8D4D00, #2B2A00)
• Ancient Garnet Summit color palette (#F4DBCC, #946732, #762400, #46001B, #070500)
• Velvet Fern Villa color palette (#F1E7D3, #495A0B, #332900, #1A0900, #000200)
• Chalky Rust color palette (#E5F6F2, #62ADF6, #BD5C1F, #004D87, #150400)
• Gentle Navy Courtyard color palette (#FFEAFC, #CF9E42, #244793, #001063, #10030F)

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