Tempered Cocoa color palette — #FFE9F3 · #9D8249 · #773B00 · #46000A · #010100

Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFE9F3): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#9D8249): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#773B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#46000A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Ancient Field color palette (#D5E8D9, #828D46, #614A00, #381700, #000200)
• Linen Basin color palette (#FBDBE7, #AE9856, #8A4F00, #630202, #030400)
• Shadow Chestnut Courtyard color palette (#FEE8F1, #865600, #542900, #300900, #000201)
• Dusty Alley color palette (#FFE2E1, #CA6400, #645100, #192400, #000201)
• Rose Balcony color palette (#F4E4F2, #DC6161, #005D36, #750015, #000201)
• Worn Garnet Archive color palette (#FFF1F5, #CEBB6C, #B06C00, #8E1B00, #131C00)
• Midnight Canyon color palette (#DCF1E1, #735800, #283500, #001744, #020100)
• Faded Moss color palette (#E5FCEE, #BEDC98, #A6921A, #895000, #003119)

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