Tempered Cocoa Loft color palette — #FFE9F5 · #946838 · #652500 · #2B0005 · #020100

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

The five colors

• Blush (#FFE9F5): A whisper-light, dusty pink — the color of a candy shop window.
• Walnut (#946838): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#652500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2B0005): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, 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

• Bronze Studio color palette (#D7EED8, #80732B, #513600, #220A00, #010100)
• Shadow Chestnut Boulevard color palette (#F7E7DD, #7F4C00, #4B1A00, #280005, #060300)
• Sunlit Cocoa Station color palette (#EADAE4, #B9732C, #852B00, #450012, #020100)
• Weathered Boulevard color palette (#FFF1F5, #C9B073, #A2671E, #6E331D, #141400)
• Hushed Chestnut color palette (#D3EDDA, #9D9F58, #775B00, #4B2800, #020500)
• Inked Bronze color palette (#D2ECED, #B26300, #002218, #060C0F, #000201)
• Twilit Garnet Corridor color palette (#D8EAEA, #005C40, #6F0042, #33001C, #000201)
• Wandering Driftwood Cabin color palette (#E8FBEA, #A7D4BA, #A98243, #7D4927, #072820)

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