Cocoa Workshop color palette — #E8F8FF · #A2B7C9 · #7D88A1 · #73556E · #653F3A

Cocoa and Graphite set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Ash (#A2B7C9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7D88A1): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#73556E): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#653F3A): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged vintage, retro, muted.

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

• Washed Chestnut Pier color palette (#E9F6FF, #A3B7D2, #7D84A8, #7F533A, #39553F)
• Softworn Archive color palette (#DFE1F0, #A18AB7, #875D79, #504300, #283D0B)
• Antique Petrol color palette (#D0EFFF, #7A98DB, #6C59A1, #743900, #473700)
• Hushed Chestnut color palette (#DEFFE8, #ABDFCC, #D0A8C4, #AC9185, #754705)
• Pine Boulevard color palette (#ECF9F2, #91BAAE, #577F58, #306369, #2C4942)
• Tempered Denim Station color palette (#D0EDFF, #6FAAD2, #3D7EBF, #2B54A9, #3F436E)
• Pale Ultramarine Grove color palette (#EFF6FF, #7DA1D6, #B57C2B, #1160C7, #5A3B10)
• Weathered Cypress Parlor color palette (#F0F7F2, #C2E3EC, #4997A4, #007458, #274D61)

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