Cocoa Loft color palette — #FDF3EB · #E2CFA5 · #8EA37C · #90757D · #624900
Bronze takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FDF3EB): a clean, paper-quiet neutral.
- Wheat (#E2CFA5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#8EA37C): A luminous, dusty green — the color of a quiet forest floor.
- Driftwood (#90757D): A full-bodied, dusty rose — the color of strawberry cream.
- Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Washed Fern color palette (#F8F5EB, #E1DFC6, #B8B98F, #88A385, #564E00)
- Muted Stone Chapel color palette (#F1F7F0, #BBDFED, #A4B68B, #7786A5, #344D3F)
- Washed Mallow Canyon color palette (#FFF1F3, #E1B1E7, #A7BA7E, #A57BAA, #4E4D46)
- Stone Terrace color palette (#FAF4ED, #C4E2F6, #CBA3BF, #709073, #634A54)
- Dusty Lagoon Study color palette (#ECF9F3, #A6CABD, #598D81, #516B70, #3A534B)
- Hushed Wisteria color palette (#FFF1F4, #D396E7, #89B185, #5B9987, #523B41)
- Lime Summit color palette (#FFF3E3, #B1C758, #449B63, #84577F, #3C3B34)
- Pine Delta color palette (#F1E3C9, #8CB366, #008660, #6F4660, #2C2A03)
Browse the whole catalog at Explore, or see today's palette.