Windsor Toffee
#ccb490
Toffee-muted green for grounded, light UI accents
About Windsor Toffee
Windsor Toffee reads like a pressed paper tag that's spent time in warm light, not a dusty beige. It's greener in its undertone than Goldfrapp, so the yellow doesn't take over, and it feels less tan-forward than Baker's Dozen. Compared with Khaki, it's softer and more muted, so it doesn't look like ink on a filing label.
I use it when the background needs warm neutral calm without tipping into overt earthiness. It's great for green-family interfaces where you want secondary panels, section rails, and sidebars to stay readable but never shout. In practice, that's compliance portals, media archive viewers, and research dashboards for legal and finance teams, especially when newsroom imagery is in the same layout.
One quirk: because it leans slightly green, pair it with charcoal or deeper gray rules so the page stays consistent. Against very cool blues it can look a touch grayer, so preview before you commit.
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.
