Every shade of toffee brown from the palest tint to the darkest tone, generated from the base color #926644. Click any shade to copy its hex code instantly. Use lighter tints for backgrounds and pastel designs, mid tones for branding, and dark shades for text, dark mode and dramatic looks.
Shade Reference Table
| Name | HEX | RGB |
|---|---|---|
| Palest Toffee Brown | #F8F4F1 | rgb(248, 244, 241) |
| Pale Toffee Brown | #F0E7E0 | rgb(240, 231, 224) |
| Lightest Toffee Brown | #EADCD2 | rgb(234, 220, 210) |
| Lighter Toffee Brown | #E2CFC1 | rgb(226, 207, 193) |
| Light Toffee Brown | #D9C2AF | rgb(217, 194, 175) |
| Soft Toffee Brown | #D3B7A1 | rgb(211, 183, 161) |
| Muted Toffee Brown | #CBA990 | rgb(203, 169, 144) |
| Fresh Toffee Brown | #C49F82 | rgb(196, 159, 130) |
| Bright Toffee Brown | #BC9171 | rgb(188, 145, 113) |
| Vivid Toffee Brown | #B4845F | rgb(180, 132, 95) |
| True Toffee Brown | #AD7952 | rgb(173, 121, 82) |
| Strong Toffee Brown | #9C6D49 | rgb(156, 109, 73) |
| Rich Toffee Brown | #8B6141 | rgb(139, 97, 65) |
| Deep Toffee Brown | #7D573B | rgb(125, 87, 59) |
| Bold Toffee Brown | #6C4B33 | rgb(108, 75, 51) |
| Dark Toffee Brown | #5E422C | rgb(94, 66, 44) |
| Darker Toffee Brown | #4C3524 | rgb(76, 53, 36) |
| Darkest Toffee Brown | #3B291C | rgb(59, 41, 28) |
| Shadow Toffee Brown | #2D2015 | rgb(45, 32, 21) |
| Midnight Toffee Brown | #1C130D | rgb(28, 19, 13) |
FAQs
What is the hex code for toffee brown?
The hex code for toffee brown is #926644. In RGB it is rgb(146, 102, 68), and in CMYK it is 0%, 30%, 53%, 43%. You can copy these codes from the color code section above.
What does the color toffee brown mean?
Toffee Brown is associated with enthusiasm, warmth, creativity and affordability. Its exact meaning shifts with culture and context — see the meaning and cultural sections on this page for details.
What colors go with toffee brown?
Toffee Brown pairs beautifully with black, white, gold, gray and its complementary color. Explore the toffee brown color combinations and palettes on this page for ready-to-use schemes.
Where can I download toffee brown backgrounds?
Right here — this site offers 53 free toffee brown backgrounds in HD (1920×1080) across 53 styles including solid, gradient, glitter, watercolor, ombre, polka dot, starry, marble and mesh. All are free for personal and commercial use.