Cocoa Loft color palette — #D7ECD1 · #58B8A8 · #007CA3 · #813307 · #5B290D

Rust and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D7ECD1): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#58B8A8): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#007CA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#813307): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5B290D): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. 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

• Faded Garnet color palette (#E7E5D2, #75AC7C, #007E7F, #793143, #5A2800)
• Sapphire Terrace color palette (#C7E7DB, #00AFC9, #3C66BF, #733F00, #4A3801)
• Pale Garnet Terrace color palette (#D0EEE0, #71CDD0, #51A7D1, #9E6782, #6A191C)
• Faded Lantern color palette (#CCEFD5, #0095A6, #B94600, #005963, #511A00)
• Dusty Basalt Market color palette (#CFEDC9, #84AA9A, #8D677D, #65552D, #3A4700)
• Brick Villa color palette (#D5ECF1, #007F93, #BC080E, #803D00, #002931)
• Wandering Hollow color palette (#F4F8DE, #BDD4BA, #819D93, #9A6335, #77460A)
• Quiet Aubergine color palette (#DCF6F9, #4F81B7, #57408C, #433800, #262A00)

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