Cocoa Study color palette — #DFE4FF · #A196C3 · #886F95 · #724F44 · #6A3208

Built around Bronze, softened by Blue Fog — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#DFE4FF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#A196C3): A luminous, dusty violet — the color of a velvet chair.
• Slate (#886F95): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#724F44): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6A3208): A deep, shadowed, balanced gold — the color of old brass.

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

• Cocoa Dune color palette (#FFD8E6, #B291BA, #94676A, #784015, #3C3B34)
• Wandering Pewter color palette (#D3E6FF, #B4BBE0, #8E84AA, #7C653E, #43461D)
• Patina Mulberry Harbor color palette (#EAE8FF, #9177AC, #734578, #423A37, #402209)
• Tempered Villa color palette (#FFF1F6, #D8AEB6, #A77B7C, #945931, #615000)
• Antique Coral Harbor color palette (#F6E1E4, #DB8381, #8C5E4A, #4F4C20, #0F3F28)
• Feathered Wisteria Terrace color palette (#FFE7ED, #B06CCE, #BC5800, #73388C, #552707)
• Lilac Dune color palette (#E2E0FF, #987CF1, #7B4BB4, #5E3879, #522B42)
• Wandering Study color palette (#D8F1CF, #A4D5C1, #C49EAF, #5D936B, #3A5132)

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