Cocoa Loft color palette — #E5E9AF · #7AB896 · #5488AA · #834A22 · #6F3C02

Bronze takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#E5E9AF): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#7AB896): A luminous, balanced teal — the color of glacier melt.
• Storm Blue (#5488AA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Coffee (#834A22): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6F3C02): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, 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

• Pale Terracotta Cabin color palette (#FFE3C2, #8EB175, #308F9A, #8A4645, #6A3433)
• Gentle Market color palette (#C9F3C2, #7BB9B8, #687ECC, #6F572C, #46480D)
• Ancient Thicket color palette (#E9E3C9, #65AA99, #3F6C91, #603D18, #32312A)
• Aqua Lantern color palette (#B3FFDF, #71CDD1, #6597B5, #916079, #723B36)
• Aged Jade color palette (#FAF6E2, #64B880, #007A72, #4F561B, #3A3C35)
• Linen Teal color palette (#A2F9D4, #3CB8BB, #3D88B0, #5C486A, #4C1818)
• Gentle Bronze Lagoon color palette (#C9F4FF, #008FA7, #B15400, #755400, #003742)
• Powdered Seafoam Basin color palette (#CEF8CC, #7EDED4, #95B8D4, #BC806A, #6A3420)

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