Cocoa Study color palette — #EEF6FF · #FFECC6 · #E7D3D1 · #573B00 · #25211C

Cocoa takes the lead with Custard close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Custard (#FFECC6): A whisper-light, dusty gold — the color of honey in a jar.
• Bone (#E7D3D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cocoa (#573B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#25211C): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Seafoam Courtyard color palette (#FFE4FE, #5DFEBB, #DAD0C7, #2C3E00, #11140D)
• Tempered Alley color palette (#FFF2EF, #DBDEFF, #D0DC00, #2E3100, #161100)
• Lime Terrace color palette (#DBEEFF, #00EBD3, #9FCD57, #37362F, #181810)
• Muted Driftwood Study color palette (#F4F7EA, #A4D1A4, #89B3DB, #9F6CA5, #31322C)
• Hushed Apricot color palette (#FFD8EB, #9FD9FF, #FFA668, #544343, #373033)
• Faded Sunflower Bloom color palette (#FFDCCD, #3BFDDD, #DBDE0B, #597367, #333936)
• Pewter Boulevard color palette (#EFF8ED, #7ACCBE, #559EBC, #8C557B, #2B2312)
• Washed Ridge color palette (#F7F5EF, #C1E4CD, #57BFD1, #9DA12B, #142218)

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