Cocoa Loft color palette — #FFF2EB · #DFDECC · #99C4C2 · #D0A8A2 · #724400
A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Bone (#DFDECC): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#99C4C2): A luminous, dusty teal — the color of glacier melt.
- Rosewood Mist (#D0A8A2): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#724400): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Weathered Cocoa Harbor color palette (#FEEFE2, #DCD8C4, #B8BBC6, #AF8871, #593100)
- Wandering Thicket color palette (#FFE8E2, #D4D0E5, #BBAFA3, #682F05, #281E19)
- Softworn Bronze Basin color palette (#FBF5E3, #CFE4C5, #BAAE8B, #9A7232, #3C4500)
- Timeworn Corridor color palette (#FFF0F8, #D7F4DB, #E5D6D4, #EAAC9D, #624D56)
- Hushed Orchard color palette (#FDF1F8, #C4E3E8, #99D3DA, #A87782, #614D57)
- Tempered Bronze color palette (#FAF4EC, #DEE0CC, #A67E3F, #5F3F00, #211A10)
- Stone Bloom color palette (#FBF5E5, #D0C586, #87B4D8, #5E86AB, #34312B)
- Moss Pier color palette (#FFD5C2, #D5AA5E, #71A555, #7F2836, #020100)
Browse the whole catalog at Explore, or see today's palette.