Charred Cocoa color palette — #D3E4D2 · #6A4500 · #004928 · #33001B · #020100

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

The five colors

• Celadon Mist (#D3E4D2): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#6A4500): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#004928): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#33001B): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

One click turns Charred 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

• Midnight Cocoa color palette (#F7DEED, #832F00, #324300, #2B0032, #030000)
• Fern Balcony color palette (#D0F6E9, #465500, #00454A, #300A00, #010100)
• Velvet Alley color palette (#DEEFE4, #503F00, #003123, #101812, #130003)
• Lowlit Onyx Orchard color palette (#FAE3EA, #502F00, #003230, #1B0035, #040100)
• Olive Coast color palette (#CBEBDA, #626A00, #173C00, #001013, #010100)
• Basalt Summit color palette (#E3F2EA, #A5C3B6, #729C90, #433D00, #000201)
• Tempered Olive Ridge color palette (#CDFAEC, #617F00, #006D75, #631E00, #000201)
• Hazy Emerald color palette (#DFFFE2, #00AF45, #0089B9, #794700, #001103)

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