Cocoa Loft color palette — #FAF4EE · #E7DDC6 · #A8BE91 · #B28EA2 · #624800

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Bone (#E7DDC6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A8BE91): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B28EA2): A luminous, dusty pink — the color of peonies in June.
• Bronze (#624800): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, 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

• Washed Canyon color palette (#F7F5EC, #CFDAB8, #75BAB7, #A8829F, #3A4A00)
• Tempered Ridge color palette (#FFF2EE, #E0DBCE, #EBB5CE, #B6C0CC, #7E4220)
• Worn Clover Summit color palette (#FFF3E5, #CED590, #5CBD6A, #8A7ACB, #3B3E00)
• Turquoise Ridge color palette (#FFF2EA, #EDBAA2, #8DCEB3, #3DB9CC, #673200)
• Aged Amber color palette (#FFF2EC, #EED8BA, #F1A4A5, #C27468, #572C2D)
• Softworn Blush Drift color palette (#FFF2EF, #FFC2CF, #82D8DB, #EB849F, #11585A)
• Jade Villa color palette (#EEE3D2, #B1C289, #38A86E, #80689F, #242D04)
• Driftwood Pier color palette (#FAEEF3, #A5CFB5, #768B61, #5B6172, #28342D)

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