Tempered Cocoa color palette — #FFECDB · #784100 · #004462 · #331800 · #00070E

Bronze takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFECDB): A whisper-light, dusty gold — the color of old brass.
• Bronze (#784100): A full-bodied, balanced gold — the color of old brass.
• Navy (#004462): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#331800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Navy Canyon color palette (#F1E4D6, #6E4800, #003296, #2E1C00, #00041B)
• Softworn Field color palette (#FCE8E0, #951627, #004656, #44000A, #00070B)
• Shadow Cocoa Market color palette (#FFDBE8, #6F3E00, #00482D, #301700, #000201)
• Midnight Navy color palette (#FAECDA, #573800, #00394B, #001C5C, #030100)
• Powdered Grape color palette (#FBE4D3, #A34D00, #8500A9, #5A2800, #0D0014)
• Dusty Workshop color palette (#EBE7C9, #546900, #6F009B, #263200, #1B002A)
• Frosted Bronze color palette (#FDE3EE, #BA6500, #0078B1, #7E4300, #00070F)
• Worn Sapphire color palette (#ECDCC2, #A07700, #0069C6, #5E4400, #002853)

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