Cocoa Loft color palette — #FFF2EE · #C2FAD4 · #E0DCCE · #D3A2D8 · #6F370A
A conversation between Bronze and Mauve, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Honeydew (#C2FAD4): A whisper-light, dusty teal — the color of shallow lagoons.
- Bone (#E0DCCE): a clean, paper-quiet neutral.
- Mauve (#D3A2D8): A luminous, balanced pink — the color of neon signs at night.
- Bronze (#6F370A): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. 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
- Softworn Lagoon color palette (#FFF1F2, #E3FED4, #E2DAD1, #9FA6EF, #644341)
- Ancient Stone Bloom color palette (#FFF3E8, #C4FDFF, #C4E2CF, #E89CA5, #674600)
- Aged Cocoa Studio color palette (#FFF2ED, #E0D8CE, #98B1B4, #CD8DA1, #6D330D)
- Hushed Apricot color palette (#FFF4E0, #BFEFCE, #78E9EE, #DE916B, #3D3C35)
- Hushed Harbor color palette (#E7E8FF, #AFD3FF, #FFB09F, #894C2B, #32251F)
- Softworn Driftwood Courtyard color palette (#FEF4E5, #DCD1A7, #C5A870, #B1795B, #3D3E37)
- Peony Canyon color palette (#FFF2EF, #FFE4B4, #95EA69, #F74EAA, #5B2B00)
- Amber Chapel color palette (#FBF3ED, #DED89F, #C58359, #83573B, #2D1E11)
Browse the whole catalog at Explore, or see today's palette.