Cocoa Loft color palette — #FCF3EB · #E8DFAF · #A6BE97 · #A89787 · #614900
A conversation between Bronze and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3EB): bright and airy, almost weightless.
- Celadon Mist (#E8DFAF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A6BE97): A luminous, dusty green — the color of fresh herbs.
- Taupe (#A89787): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#614900): 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
- Patina Stone Workshop color palette (#F3F8E6, #CCE1FD, #E0CDBE, #B2BC9C, #454F43)
- Fern Orchard color palette (#F7F6E8, #AAE4CA, #6ABBBF, #949271, #344B05)
- Hushed Balcony color palette (#F4F7EB, #9BEAAF, #F6AFCD, #7EB88C, #654341)
- Patina Hollow color palette (#EFFAE3, #6AE1B5, #E6A9C5, #CF908E, #40443D)
- Worn Driftwood Alley color palette (#EEF3EE, #B3CABC, #798A61, #50694E, #22362B)
- Jade Archive color palette (#FFF3E2, #C1DC6A, #44C07A, #9D845F, #363F15)
- Misty Studio color palette (#EDE4D0, #98CC70, #3AA682, #827544, #2B2A0D)
- Patina Jade color palette (#EDE9D4, #48C27D, #00928C, #606A30, #00220F)
Browse the whole catalog at Explore, or see today's palette.