Cocoa Study color palette — #FFF2EC · #D6A370 · #7C3B30 · #332C29 · #211B11

Built around Rust, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Camel (#D6A370): A luminous, balanced gold — the color of honey in a jar.
• Rust (#7C3B30): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#332C29): a grounded near-black with real depth.
• Onyx (#211B11): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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 Marigold Chapel color palette (#FFF3E3, #CD9700, #604200, #352200, #151401)
• Dusty Bronze Veranda color palette (#FDF1FC, #D8C193, #9E5D5A, #523850, #291D27)
• Coral Ridge color palette (#FFF2EE, #C8DEB4, #C87C85, #8B4F57, #2C1E1A)
• Hushed Balcony color palette (#FFEFDE, #CBA050, #8B701E, #5A5000, #1E431A)
• Chestnut Coast color palette (#EDDCC9, #7C5700, #232F2F, #201000, #050200)
• Misty Ember Grove color palette (#FFF2EB, #D45027, #6B792B, #604770, #38312D)
• Dusty Bronze color palette (#F9EFD1, #937700, #2A2800, #111920, #0A0A00)
• Marigold Garden color palette (#FFF2EA, #D9A35B, #774123, #332D28, #201A0D)

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