Softworn Cocoa Study color palette — #FBF4E9 · #DDE1CA · #9A834F · #5D4000 · #201A10

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Celadon Mist (#DDE1CA): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#9A834F): A luminous, dusty gold — the color of old brass.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#201A10): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Softworn 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 Bloom color palette (#FEF2EE, #F7FBC0, #A87775, #6F3119, #211917)
• Wandering Meadow color palette (#F1F8EC, #F0DCC0, #378672, #2E3E21, #0D1109)
• Antique Taupe color palette (#F0F7F1, #C5E9CC, #B19C6F, #5A7560, #232F25)
• Worn Chestnut color palette (#F7F1E8, #D3C0A3, #725F33, #34302A, #191309)
• Worn Turquoise Grove color palette (#FAF4ED, #DFDFCC, #69BCD3, #B8935B, #14221A)
• Twilit Bronze color palette (#EFE8D4, #A07000, #201C00, #0B0C06, #010100)
• Softworn Tangerine color palette (#E9F3D5, #F17E2D, #00482A, #1D292C, #000B04)
• Tempered Mustard Chapel color palette (#FDF4E7, #EEB95F, #ABA6E2, #807CA9, #35312B)

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