Cocoa Loft color palette — #FFE8E4 · #C4DAC7 · #C4B5AD · #743918 · #2B2522
Bronze and Oat set the tone — five colors that lean into optimism and sophistication.
The five colors
- Rose Water (#FFE8E4): A whisper-light, dusty orange — the color of autumn markets.
- Oat (#C4DAC7): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#C4B5AD): A luminous, dusty gold — the color of afternoon light on wheat.
- Bronze (#743918): A full-bodied, balanced orange — the color of autumn markets.
- Onyx (#2B2522): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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
- Timeworn Parlor color palette (#FCF3EE, #E0DDCD, #B27460, #6D340A, #211915)
- Timeworn Stone Terrace color palette (#F9F4EF, #DADBD2, #9DB4B8, #C3A98B, #514C47)
- Chartreuse Coast color palette (#DAE8F1, #92E387, #FF9C92, #412B30, #221C21)
- Antique Teal color palette (#F9F5E9, #CEC682, #54C4B5, #4F8C9D, #34312B)
- Dusty Mallow Chapel color palette (#D5E6FF, #93E7A9, #F69CD9, #4F4744, #3B3030)
- Chartreuse Studio color palette (#CDE9FF, #77FE88, #FFC1C9, #7E6964, #3A312F)
- Mustard Study color palette (#FFF3E3, #DAE5BF, #C7BB5E, #73762D, #324100)
- Chartreuse Quarry color palette (#CDFFF1, #CDF430, #FFC289, #422300, #1F1002)
Browse the whole catalog at Explore, or see today's palette.