Charred Cocoa Drift color palette — #F1DBC2 · #613C00 · #232F2B · #0D1100 · #060200

Built around Bronze, softened by Bone — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#F1DBC2): A whisper-light, dusty gold — the color of old brass.
• Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#232F2B): quiet, heavy and certain.
• Ink (#0D1100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Fern Chapel color palette (#E9E1CA, #645C00, #00270E, #100D00, #020200)
• Obsidian Garnet Courtyard color palette (#F6D7CB, #860018, #2A3129, #180B00, #090100)
• Tempered Station color palette (#EADDCD, #835600, #374542, #2B2400, #100700)
• Hushed Bronze Studio color palette (#E6F3E5, #A56C00, #44451A, #0F230E, #050003)
• Worn Forest Terrace color palette (#E8EED4, #006726, #3A484D, #001F1F, #080A00)
• Patina Aubergine color palette (#ECE7D7, #615D00, #6C00A9, #560087, #141300)
• Olive Courtyard color palette (#F0E5D4, #6E8436, #005330, #3B214A, #1F1B00)
• Hushed Ridge color palette (#EDE1D9, #5FAAC6, #0057A2, #003F34, #1A1843)

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