Cocoa Loft color palette — #FFE0F2 · #9A5E2B · #742B04 · #4B0006 · #060300

Rust and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE0F2): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9A5E2B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#742B04): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#4B0006): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Onyx Field color palette (#F1D7E7, #755123, #4E1700, #27000B, #050300)
• Bronze Quarry color palette (#CCE7CC, #876B07, #5E3D00, #3A1A00, #040300)
• Worn Terracotta Corridor color palette (#EFDDD2, #A4763E, #A13900, #731133, #040300)
• Cocoa Atelier color palette (#FFE6EF, #B89967, #9A6429, #7B360C, #2C2300)
• Weathered Moss color palette (#D9F1DE, #9A8E34, #795C00, #573400, #151800)
• Plum Station color palette (#FAE8FC, #B2428E, #80003F, #420006, #0C0100)
• Soft Rust Harbor color palette (#F3D3E7, #E58B48, #C54B17, #961C28, #3B2300)
• Aged Aubergine Lantern color palette (#E1E4F6, #936E00, #360C67, #25101F, #09001B)

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