Tempered Cocoa Cabin color palette — #F0DAC3 · #5A5E66 · #6E4100 · #161A12 · #050600

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

The five colors

• Bone (#F0DAC3): A whisper-light, dusty gold — the color of old brass.
• Graphite (#5A5E66): a grounded near-black with real depth.
• Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#161A12): a grounded near-black with real depth.
• 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 Cabin 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

• Cocoa Lantern color palette (#F3EBDE, #624900, #3B4845, #111712, #020700)
• Smoked Field color palette (#F3D9D0, #495359, #930024, #1F180A, #0B0400)
• Antique Mustard color palette (#FCF4E7, #CAAB55, #585806, #312A1D, #130E0B)
• Worn Amber Corridor color palette (#FDDCCE, #B97B00, #524C00, #252F00, #000300)
• Patina Jade Courtyard color palette (#F3F7E9, #4CB678, #2E4F35, #1C210E, #070501)
• Lowlit Bronze Summit color palette (#D8E9D6, #935D00, #3C3100, #000A00, #050002)
• Grape Atelier color palette (#E8E1BE, #786600, #7F00B5, #62008C, #020100)
• Twilit Pine color palette (#E4E7D2, #00741C, #2C3639, #001716, #010100)

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