Cocoa Study color palette — #EEF0CE · #9EE5E6 · #CCB0CB · #AB917E · #733F08

Bronze takes the lead with Sea Foam close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Custard (#EEF0CE): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#9EE5E6): A whisper-light, dusty teal — the color of sea glass.
• Rosewood Mist (#CCB0CB): A luminous, dusty pink — the color of peonies in June.
• Taupe (#AB917E): A luminous, dusty gold — the color of old brass.
• Bronze (#733F08): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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 Oat Grove color palette (#FFF5D2, #B3E4C6, #98C3B2, #A8887E, #67473D)
• Mallow Thicket color palette (#B3FFFB, #A7D1FF, #C99ECF, #9B905B, #574200)
• Aged Market color palette (#FBF3EE, #BBF1EF, #9CC1ED, #59A997, #5B3D50)
• Tempered Meadow color palette (#DCF8F0, #9BC8CC, #678496, #794E41, #29412C)
• Ancient Fern color palette (#F7F6E6, #A8E4CB, #69BBC1, #939272, #334B07)
• Timeworn Aqua color palette (#D3F0E7, #2CD0FE, #9595CB, #A9703B, #572E00)
• Ancient Powder Delta color palette (#CFF3F6, #8FBDF1, #AF85B0, #6D7E4F, #2E3B0F)
• Tempered Driftwood color palette (#DDF0F8, #A39FD9, #B06E84, #536B44, #142B02)

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