Cocoa Loft color palette — #F6F0FF · #CB94B5 · #AA5E5B · #7D3E00 · #4B3F00

Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Blush (#F6F0FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#CB94B5): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#AA5E5B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#7D3E00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4B3F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged warm.

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

• Frosted Alley color palette (#ECF3FF, #BD9DC8, #A75C87, #981726, #5C3100)
• Soft Cabin color palette (#FFE8F7, #E29B9E, #A96124, #654D00, #294700)
• Patina Summit color palette (#FFE0DF, #E0929C, #B45148, #7D3300, #371F00)
• Wandering Coral Cabin color palette (#FFE6F0, #FBACB7, #DB7565, #974B19, #5B3600)
• Worn Basin color palette (#E4FCEF, #A88AB8, #96554B, #00537F, #433750)
• Faded Rose Terrace color palette (#E7DAE4, #DE5B7B, #924000, #4D3600, #262900)
• Tempered Amber Veranda color palette (#FFE4E4, #C2754D, #6D5700, #2D3800, #002C1D)
• Hushed Plum color palette (#F7F4F9, #E3D8DA, #CBBCB9, #A3587A, #4C4451)

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