Cocoa Study color palette — #F3D8E2 · #B3926B · #835A35 · #5D3111 · #091D0C

Cocoa and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F3D8E2): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#B3926B): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#835A35): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5D3111): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#091D0C): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, 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

• Wandering Pewter color palette (#D1E6DC, #939F6D, #666835, #463F08, #001E17)
• Wandering Hollow color palette (#F6E4D4, #AA936B, #8C541F, #6B2F22, #33302A)
• Wandering Amber Loft color palette (#FFF1F6, #AED2B3, #B37C4E, #7E473B, #012919)
• Ancient Atelier color palette (#D8ECD7, #896D35, #5D3C00, #351B00, #080500)
• Bronze Parlor color palette (#E8F6EA, #93B59E, #877245, #385438, #0F281C)
• Timeworn Grove color palette (#FEECF5, #D1B1BF, #99778A, #6A4E61, #39252D)
• Dusty Denim color palette (#CEF0F7, #00887B, #4261A9, #4B4500, #001317)
• Aged Mulberry Veranda color palette (#E0F8F2, #497300, #901F3E, #522300, #000E05)

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