back to palettes
Color lane

Madder Skein

Three dyed embroidery flosses on unbleached linen — madder red, dye indigo and saffron — bright where it counts, quiet everywhere else. One skein accents a view; never all three at once.

Signature · the star
primary accentMadder · #b23a2e
Indigo · #2d4a7c
Saffron · #c99a1f
Neutrals · the ground
bg
#e7dfce
surface
#f3ede1
text
#1e2a44
muted
#7c6f5b
border
#cdbfa6
Semantic · functional accessory
success
warning
error
info
Download .csswovenlinenmadderindigosaffron
Do
  • · Put exactly one floss accent on the live element of a view.
  • · Keep the woven-linen ground unpatterned beyond its warp-weft grid so panels and stitches read.
  • · Use sage for success/healthy states, madder for the single primary action, indigo for structure.
Don't
  • · Spread all three flosses across the chrome at once.
  • · Wash the linen ground into a gradient.
  • · Use a floss as a thin border edge around a card.
try it

remix with this palette

Drop Madder Skein onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Madder Skein
Art style
Landing Page
live preview · recolored + filled