Charred Harbor color palette — #F9E2CD · #8B6E20 · #5B2F00 · #2B0002 · #010100

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

The five colors

• Parchment (#F9E2CD): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#8B6E20): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#2B0002): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Charred Harbor 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 Villa color palette (#F5E8DE, #A18137, #763C00, #460008, #010100)
• Timeworn Moss Cabin color palette (#F0E5C6, #80A85D, #6A6100, #482A00, #000502)
• Pale Bronze Grove color palette (#FFF3E2, #B4B874, #976E00, #723000, #131400)
• Bronze Hollow color palette (#F0DCF0, #B66006, #001A3C, #170605, #000105)
• Charred Cocoa color palette (#D5EDE1, #005571, #642600, #011F03, #000103)
• Tempered Terrace color palette (#E3F4ED, #0085B5, #730027, #002F44, #040000)
• Amber Veranda color palette (#FFF3E6, #E3D174, #C88000, #904734, #2C2905)
• Wandering Canyon color palette (#E2DFD0, #F10A2E, #00828E, #040F0D, #000200)

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