Cocoa Study color palette — #FFF0FB · #CCAEBF · #A1808C · #89545D · #7D4022

Bronze takes the lead with Pewter close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#CCAEBF): A luminous, dusty pink — the color of neon signs at night.
• Heather (#A1808C): A luminous, dusty rose — the color of a warm blush.
• Pewter (#89545D): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#7D4022): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Softworn Cocoa color palette (#DDFEEF, #9CB5AD, #957891, #795358, #6F370C)
• Bronze Studio color palette (#FFF1F5, #D2BFC2, #AB8E8E, #985F34, #5B4F00)
• Wandering Chestnut Dune color palette (#F4E2FF, #C395BD, #A36786, #84481A, #4D4800)
• Cocoa Boulevard color palette (#F4DFFC, #AE83A6, #845467, #693811, #462E00)
• Ancient Pier color palette (#ECF7FF, #B9DAFF, #A7B7D3, #988FAA, #53485B)
• Aged Quarry color palette (#E2FADE, #A4C9B8, #7B82B3, #735201, #35322B)
• Linen Ultramarine color palette (#FFF0FC, #8A9DD5, #C36A80, #415CBD, #632F3D)
• Faded Mulberry Coast color palette (#DDE4FF, #948CD2, #755C8F, #8F1539, #622A20)

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