Softworn Cocoa Boulevard color palette — #F9EAE6 · #AF6D77 · #5D2D00 · #2B1914 · #120A0A

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

The five colors

• Cream (#F9EAE6): a clean, paper-quiet neutral.
• Mocha (#AF6D77): A luminous, balanced red — the color of late-summer berries.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2B1914): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#120A0A): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Blush Alley color palette (#F7EEF9, #D47F8D, #6A4E5E, #3D353E, #232026)
• Bronze Lagoon color palette (#EEE3D5, #9C6900, #33312A, #1F1304, #0C0502)
• Brick Meadow color palette (#EFDDD4, #C02A14, #3D2300, #260200, #0B0101)
• Cobalt Field color palette (#FFEFDF, #C29161, #4E9BA6, #407CB8, #35230F)
• Smoked Basalt color palette (#E8DFCF, #4A5755, #453300, #161F1D, #050800)
• Lowlit Boulevard color palette (#EFE0D8, #8E3400, #313740, #261600, #0F0200)
• Driftwood Field color palette (#F5F1E9, #C7C5A9, #668E71, #7B5464, #32312A)
• Washed Chestnut color palette (#FFDFD9, #D99F9E, #BD725F, #884A1D, #3F3A34)

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