Cocoa Loft color palette — #DDE2D3 · #71B499 · #4D8F9B · #7F4345 · #4A304A

Coffee and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#DDE2D3): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#71B499): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#4D8F9B): A luminous, dusty blue — the color of a favorite pair of jeans.
• Coffee (#7F4345): A full-bodied, balanced red — the color of late-summer berries.
• Charcoal (#4A304A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Softworn Mulberry Harbor color palette (#F6E6D2, #81ADA0, #559279, #78476C, #5F292C)
• Hushed Chestnut color palette (#D1EFE8, #80B8C1, #5788A0, #7F4C37, #423000)
• Cocoa Boulevard color palette (#F6FAC8, #84CBA5, #54969E, #7C3B41, #411A13)
• Teal Courtyard color palette (#DDF3DA, #48AEA5, #3A75A1, #663B30, #491C11)
• Hushed Aubergine color palette (#DAEBDE, #6499AE, #477A6C, #5F3879, #4E2C4E)
• Antique Cocoa color palette (#D8FBF6, #AAD4E0, #869CAF, #876B79, #664250)
• Timeworn Pine color palette (#D5EBDF, #8EB177, #39825E, #5C5722, #00312A)
• Turquoise Basin color palette (#D8EBE5, #71CBC4, #34AEBD, #606F9B, #2C314E)

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