In a Nutshell
#b98052
Light apricot-gold with softer dust than spice
About In a Nutshell
You see In a Nutshell as soon as you wipe down a tray of roasted nuts and notice the amber sheen in the creases, not the dark roast. It's clearly part of the Yellow family, but it doesn't drift into the deeper, ironed-in weight of Arrakis Spice or the softer honey-brown calm of Deer. This one feels light but noticeably saturated, with a more golden-leaning undertone than the earthier neighbors.
In UI, I use it when I want panels to look filled and warm without taking over the page. Think snack and coffee product pages, spice packaging mockups, and editorial sidebars where typography still needs room to breathe. It's a great base for thumbnail backgrounds, active states, and small CTAs that should read as friendly energy, not burnt authority.
Pair it with cream whites and toasted gray, and keep the contrast text on the warmer side. If you drop it next to very orange accents, it can start to look a bit flatter than you expected.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
