Charred Cocoa Ridge color palette — #F3E2C8 · #7B2500 · #2A2200 · #010033 · #030100

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

The five colors

• Parchment (#F3E2C8): A whisper-light, dusty gold — the color of old brass.
• Rust (#7B2500): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2A2200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#010033): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Shadow Cocoa Loft color palette (#F7E3D4, #5E2B00, #002424, #00061B, #030005)
• Lowlit Garnet Harbor color palette (#F5E8CC, #850038, #351C00, #000C16, #040000)
• Inked Spruce color palette (#FEE0DA, #73542C, #284107, #160E32, #05000A)
• Deep Archive color palette (#EFE0BF, #8A5600, #3E3000, #001108, #020100)
• Misty Terracotta Courtyard color palette (#E2F5E3, #AB351D, #4B3B00, #1A0061, #080200)
• Patina Market color palette (#EFE4DA, #CE2540, #7E4B00, #264300, #020100)
• Lowlit Alley color palette (#F7ECD6, #4D6100, #003410, #2A0117, #010100)
• Bronze Loft color palette (#FBEDDC, #AC6500, #435400, #271C65, #150D00)

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