Cocoa Loft color palette — #EEDBCD · #654500 · #383000 · #131400 · #010300

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EEDBCD): A whisper-light, dusty gold — the color of old brass.
• Bronze (#654500): A full-bodied, balanced gold — the color of old brass.
• Espresso (#383000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#131400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Nocturne Fern color palette (#E1E1CB, #445E00, #003209, #00170B, #000201)
• Inked Aubergine color palette (#E5F4EB, #594C00, #480093, #241E00, #020007)
• Inked Study color palette (#D7EDDD, #4A3900, #000E95, #400038, #020100)
• Inked Lantern color palette (#F2DDE0, #9A0211, #461D00, #1B0C00, #020100)
• Hushed Bronze color palette (#EEE6D9, #998500, #505800, #0F3E00, #001B0A)
• Grape Veranda color palette (#FFE6E9, #590AF3, #515800, #060B06, #000201)
• Timeworn Moss color palette (#D7EADE, #739D59, #00746A, #3F2200, #010300)
• Frosted Hollow color palette (#E6EFDF, #00A459, #007259, #004645, #002127)

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