Cocoa Study color palette — #F3E5EB · #A2BCAB · #7C9E95 · #7E3F00 · #1C0F16

Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#F3E5EB): a clean, paper-quiet neutral.
• Ash (#A2BCAB): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#7C9E95): A luminous, dusty teal — the color of glacier melt.
• Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#1C0F16): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

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

• Weathered Fern color palette (#D9E2DD, #9ABDB7, #759EA3, #5D5400, #03190F)
• Ancient Bronze color palette (#EEDFE4, #A4BBB5, #7BA7A0, #A06000, #230A15)
• Mulberry Harbor color palette (#E3DBE4, #C6ABBB, #819E85, #83344A, #1B0E1E)
• Muted Study color palette (#F5ECE4, #D9CEBC, #ACA78A, #733E00, #050200)
• Weathered Garden color palette (#EBE4DE, #B2A79A, #9C7936, #512E00, #1C1106)
• Olive Villa color palette (#E5F2EC, #C4DEDB, #9DBEC5, #767534, #26312C)
• Emerald Bloom color palette (#DFF0E6, #50973E, #00614F, #4D284B, #021500)
• Antique Bronze Veranda color palette (#FFE6E2, #A98100, #037A4A, #4E345F, #260D34)

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