Tempered Cocoa Loft color palette — #FCE5F2 · #B37646 · #822F00 · #460005 · #020100

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FCE5F2): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B37646): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#822F00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#460005): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered 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

• Worn Cocoa Loft color palette (#DDEEDD, #998449, #694500, #361800, #010100)
• Sunlit Terracotta color palette (#FCDAEF, #C88A5F, #9F3A0F, #630011, #080300)
• Bronze Archive color palette (#FBDCC9, #9A5200, #612100, #3D0004, #130900)
• Bronze Corridor color palette (#FFF0F7, #EFAB5B, #BF6000, #8A2300, #211600)
• Gentle Rust Canyon color palette (#F4E6EF, #BB823A, #B84200, #832340, #000F06)
• Frosted Garden color palette (#EFE0F0, #D35CA5, #930043, #3C0009, #040000)
• Bronze Studio color palette (#E0FEEC, #B2B87D, #88760E, #5D4000, #0C1600)
• Muted Canyon color palette (#E2FDF0, #BECF9F, #8E8E4C, #6C5500, #002824)

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