Cocoa Loft color palette — #FFEAD7 · #CCF8F4 · #DDCED1 · #613900 · #2A2119

A conversation between Bronze and Honeydew, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEAD7): A whisper-light, dusty gold — the color of old brass.
• Honeydew (#CCF8F4): A whisper-light, dusty teal — the color of glacier melt.
• Oat (#DDCED1): bright and airy, almost weightless.
• Bronze (#613900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2A2119): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Patina Chartreuse Corridor color palette (#D7F4FF, #ACF756, #E4D6CF, #3A3A32, #1A1A0E)
• Washed Bronze Workshop color palette (#F4F4FF, #C5DFFF, #FFC69E, #905C29, #352D27)
• Marigold Ridge color palette (#DFE2FF, #3DF0CD, #FFA848, #5A403D, #383234)
• Tempered Apricot Field color palette (#E3E1FF, #A5D0FF, #FFA160, #402E36, #1D171A)
• Washed Garden color palette (#F5EFFF, #A7EFFF, #FDC834, #362800, #100A02)
• Mustard Atelier color palette (#FCF4EA, #E5BC78, #78B8D5, #7E7BAE, #35312B)
• Timeworn Meadow color palette (#F9F4ED, #C9DECB, #88BD95, #B1965A, #1D2011)
• Aged Stone color palette (#F7F5EE, #D7DBD5, #AAB5BD, #BBAE84, #504D45)

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