Cocoa Workshop color palette — #FFF4E2 · #6DC1F2 · #6C77C2 · #853500 · #2D1830

A conversation between Rust and Periwinkle, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#6DC1F2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Periwinkle (#6C77C2): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#853500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Indigo (#2D1830): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Cocoa Workshop 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

• Faded Grove color palette (#FFF4E2, #99B4FC, #916AB3, #6C4900, #1E1C3E)
• Antique Loft color palette (#FFF4E2, #43CCD8, #3D84BA, #872C3C, #002630)
• Washed Chestnut Bloom color palette (#FEF4E3, #ACCEFF, #9A83CC, #8B5500, #41283B)
• Hazy Plum color palette (#E5FBF4, #6CADDF, #A25697, #6D3C00, #00230C)
• Feathered Byzantium Garden color palette (#FFF4E2, #9A9FFF, #AA2AC4, #574400, #1D073E)
• Chalky Cobalt color palette (#DEF6E3, #0090CB, #4A5299, #633015, #1C3248)
• Linen Iris color palette (#F8EDD9, #00D2E2, #8788F6, #8E7100, #17372C)
• Tempered Cornflower Chapel color palette (#FFEFFF, #4689E6, #49293E, #19071A, #000201)

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