Cocoa Loft color palette — #D9E4D8 · #938747 · #6C4300 · #410C00 · #010100
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#D9E4D8): a clean, paper-quiet neutral.
- Moss (#938747): A luminous, balanced green — the color of a quiet forest floor.
- Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
- Espresso (#410C00): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#010100): a grounded near-black with real depth.
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
- Chestnut Station color palette (#D5EDD5, #A29D5B, #805600, #571C00, #010500)
- Muted Summit color palette (#DCF5E7, #627C4C, #433D00, #1E0E00, #000201)
- Aged Harbor color palette (#FFE8E4, #C37700, #615500, #062400, #000201)
- Worn Ember Study color palette (#F6E4EF, #DB653F, #005D3A, #6B1D00, #000201)
- Bronze Boulevard color palette (#E2FEE5, #BEC078, #A37500, #7E3400, #061F00)
- Dusty Fern color palette (#D8F0E2, #6D6000, #235C00, #002A47, #010100)
- Cellar Onyx Balcony color palette (#D2EFDB, #5E4C00, #053A05, #140037, #020100)
- Powdered Mulberry color palette (#FFF0F9, #F2C795, #CE7754, #983B52, #2F2800)
Browse the whole catalog at Explore, or see today's palette.