Cocoa Loft color palette — #F8F2DE · #B2AD8A · #7A7846 · #644600 · #242409
Bronze and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F2DE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#B2AD8A): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#7A7846): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#644600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Onyx (#242409): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Ancient Harbor color palette (#FAF0E6, #C9B9A0, #A7783F, #7E4918, #332B18)
- Chestnut Thicket color palette (#E9FAF1, #84B2A8, #79753E, #714708, #174546)
- Wandering Spruce Study color palette (#FDF5DE, #E0E0B6, #A4A074, #826544, #293800)
- Muted Fern color palette (#EEE2C1, #838C5A, #5F5607, #402E00, #100F00)
- Ancient Garnet Delta color palette (#F2DBCD, #B88E6F, #895641, #622A27, #231402)
- Antique Bronze Cabin color palette (#F1DDCD, #9C6312, #6A3200, #430C00, #090400)
- Patina Stone Dune color palette (#E6F7ED, #C8B07E, #205E6F, #0A2F1E, #031009)
- Tempered Cerulean Boulevard color palette (#E2F8ED, #0D93BD, #A25F5F, #6E4A00, #061F15)
Browse the whole catalog at Explore, or see today's palette.