Cocoa Study color palette — #FAEDFC · #A5B282 · #478485 · #6D425B · #153230

Charcoal Brown takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FAEDFC): A whisper-light, dusty pink — the color of a candy shop window.
• Sage (#A5B282): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#478485): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#6D425B): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#153230): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged retro, 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

• Lagoon Ridge color palette (#FFECF4, #C9A476, #57855E, #4B4F71, #1A3226)
• Wandering Lagoon color palette (#E9F6EE, #A3CEC6, #5A8D91, #4E6959, #1E3632)
• Aged Jade color palette (#E8F5F3, #79AB76, #8A618C, #643C5B, #401823)
• Antique Bloom color palette (#FFECF4, #39B2A1, #476BA2, #6C3600, #052733)
• Softworn Moss color palette (#FDEBFF, #5CA645, #006D80, #770029, #002318)
• Tempered Fern color palette (#FFF2EF, #BDC395, #4CA39D, #935B72, #484C00)
• Antique Lagoon color palette (#DDF3F2, #3D966C, #283F49, #112222, #080E0C)
• Pale Lagoon color palette (#F5EFE2, #009196, #3A36C0, #402E00, #00151E)

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