Cocoa Loft color palette — #D8FFF5 · #F3DAEF · #C2A6B6 · #916D6C · #67433B
Built around Cocoa, softened by Mocha — the whole palette hums with sophistication.
The five colors
- Honeydew (#D8FFF5): A whisper-light, dusty teal — the color of sea glass.
- Thistle (#F3DAEF): A whisper-light, dusty pink — the color of a candy shop window.
- Rosewood Mist (#C2A6B6): A luminous, dusty pink — the color of neon signs at night.
- Mocha (#916D6C): A full-bodied, dusty orange — the color of autumn markets.
- Cocoa (#67433B): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Sophistication. Tagged vintage, retro, 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
- Patina Bronze color palette (#FFF0F8, #F0D2CE, #D4ABB3, #A66447, #743E0F)
- Worn Cocoa Dune color palette (#DFFFE2, #B5E4E0, #97B4A7, #957884, #643F49)
- Tempered Courtyard color palette (#FFE8F0, #D3B2DA, #9E7690, #7E461B, #352F2A)
- Wandering Dune color palette (#F4DCF3, #C18CAC, #9C576C, #5C3C1A, #281B00)
- Muted Driftwood Market color palette (#E4F3FF, #A8BFDA, #788AAD, #6A617A, #56475E)
- Bronze Archive color palette (#FFF1F3, #F5CBCB, #BD968E, #97662F, #3C3831)
- Antique Forest Canyon color palette (#C8F5FC, #A0BFD1, #7588A8, #446549, #1E3E30)
- Muted Iris color palette (#FEF0FC, #C1D4FF, #F49EB5, #6987D0, #542835)
Browse the whole catalog at Explore, or see today's palette.