Tempered Cocoa color palette — #F6E8DD · #783A00 · #434C42 · #1A1C13 · #0A0400

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F6E8DD): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#783A00): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#434C42): A full-bodied, dusty green — the color of new leaves after rain.
• Ink (#1A1C13): a grounded near-black with real depth.
• Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Softworn Garnet color palette (#FCEBE2, #676269, #8A2300, #1E1C0F, #0C0300)
• Aged Bronze Ridge color palette (#FADCC6, #B67100, #6B4D00, #282000, #030300)
• Twilit Pier color palette (#FFE2DB, #91003F, #3B484A, #1F1408, #120000)
• Marigold Veranda color palette (#FDF4E7, #D2A664, #695100, #33291B, #130E0A)
• Weathered Jade color palette (#F5F7E9, #72B06C, #374F0C, #1E200E, #070501)
• Muted Workshop color palette (#F8F6E6, #80952C, #35362F, #131000, #020100)
• Pewter Lagoon color palette (#FFE0D5, #A9845D, #656633, #00323D, #000718)
• Lowlit Workshop color palette (#E9E9D1, #436E00, #283235, #00180A, #010200)

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