Tempered Cocoa color palette — #FFECD7 · #5A5E66 · #6D4200 · #161A13 · #050600
Built around Bronze, softened by Cream — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FFECD7): A whisper-light, dusty gold — the color of old brass.
- Graphite (#5A5E66): a grounded near-black with real depth.
- Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
- Ink (#161A13): quiet, heavy and certain.
- Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Obsidian Cocoa color palette (#FDEACB, #624900, #384442, #111610, #020700)
- Muted Basin color palette (#F8DCD2, #65636D, #940021, #1D1C10, #0B0400)
- Amber Cabin color palette (#F4E4DB, #B07B00, #5B4B00, #1D2600, #000301)
- Hushed Workshop color palette (#F2F9E3, #57B47F, #374C3C, #1C2111, #070501)
- Fern Drift color palette (#FCF4E5, #C4AC68, #575907, #302A20, #140E09)
- Muted Olive color palette (#EAE7CA, #658300, #3F3D45, #1B2A0C, #050400)
- Tempered Amber color palette (#FFEAEE, #C28350, #44642A, #33234A, #0F0021)
- Velvet Pine color palette (#E8EDD0, #00741C, #2C3639, #001716, #010100)
Browse the whole catalog at Explore, or see today's palette.