Cocoa Loft color palette — #DEE7DE · #9CA89F · #738E7E · #5D3E00 · #000D01

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

The five colors

• Parchment (#DEE7DE): a clean, paper-quiet neutral.
• Taupe (#9CA89F): a calm mid-gray that lets other colors speak.
• Eucalyptus (#738E7E): A luminous, dusty teal — the color of sea glass.
• Bronze (#5D3E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#000D01): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Harbor color palette (#F5EDE3, #9EA391, #7E8C78, #865816, #0F0701)
• Muted Ridge color palette (#E8E2D9, #C4B9A7, #9C9176, #503600, #020100)
• Onyx Canyon color palette (#E2E8E1, #909E95, #4E7B70, #3E2400, #040C03)
• Timeworn Cocoa color palette (#F2EBEF, #AEA0A6, #A07A86, #722D00, #15020E)
• Tempered Studio color palette (#E1EEEC, #A2BAB9, #749EA0, #076514, #031816)
• Ancient Lantern color palette (#DCF6EF, #5C8051, #005420, #372900, #010800)
• Ancient Field color palette (#E2F3E9, #BE8E00, #867800, #516500, #020200)
• Muted Forest color palette (#DCE9D2, #557D5B, #005C43, #00394F, #001128)

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