Cocoa Canyon color palette — #F7DFEB · #703000 · #2E1E13 · #130E00 · #080100

Rust and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F7DFEB): A whisper-light, dusty rose — the color of strawberry cream.
• Rust (#703000): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2E1E13): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#130E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Moonless Basalt color palette (#DDECE3, #514500, #24261A, #001402, #000402)
• Charred Archive color palette (#F1E4F1, #850024, #342F29, #1A0B00, #080009)
• Timeworn Rust Dune color palette (#FFE8D8, #BE5700, #4E4100, #2E1603, #060000)
• Moonless Chestnut color palette (#F3DDE7, #964700, #332000, #0C1107, #16020D)
• Tempered Bronze Alley color palette (#E9F6ED, #917B30, #25433F, #1B2E22, #201818)
• Navy Hollow color palette (#CDF0E5, #4F6400, #005280, #352B71, #0E1400)
• Twilit Canyon color palette (#D4ECE2, #676F00, #003421, #001E15, #000A07)
• Garnet Chapel color palette (#D5E9E4, #4A8871, #004F53, #56003D, #002116)

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