Charred Cocoa Loft color palette — #DDEADB · #573700 · #002C09 · #200010 · #070000

A conversation between Cocoa and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DDEADB): A whisper-light, dusty green — the color of new leaves after rain.
• Cocoa (#573700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#002C09): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#200010): A deep, shadowed, dusty rose — the color of a warm blush.
• Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Charred 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 Garnet Garden color palette (#FADEEE, #722100, #1D2300, #1F0025, #060001)
• Fern Harbor color palette (#D4E4DD, #484F00, #003321, #00171C, #100500)
• Washed Delta color palette (#E9E3CF, #776E00, #373E00, #141D00, #030D00)
• Basalt Study color palette (#EAECDB, #585964, #3A3D00, #1A1E26, #050A00)
• Obsidian Thicket color palette (#DAF0F3, #00382F, #001B40, #0F0026, #030009)
• Eclipse Aubergine color palette (#F5DEC8, #734800, #00454B, #230068, #090001)
• Dusty Basalt color palette (#DAE7DD, #97B0A1, #638978, #463500, #05190B)
• Pale Cabin color palette (#D8F5E5, #AA8200, #776C00, #425700, #090900)

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