Willow China

calmfresh

Click any swatch to copy its hex.

See it in place

Design that earns its keep

A tiny landing page, painted entirely with this palette so you can judge it doing real work.

Get started

Fast

Ships static, loads instantly.

Honest

Every choice explained.

Drag to place · tap to copy

How the preview picks colors: the lightest swatch becomes the page background, the darkest becomes the text, and the most vivid becomes the button. Drag a chip onto any part of the mockup to override it — your arrangement is saved into this page's URL, so copying the link shares it.

Why it works

Blue-on-white china has stayed in fashion for three centuries because the pairing is self-balancing: cool porcelain makes the blue look hand-painted, and the blue makes the white look glazed rather than blank. China blue, powder, and indigo give the motif three working values, from wash to line work. Biscuit — the color of unglazed ceramic — adds the one warm note that keeps the set from feeling cold, a detail wedding stationery especially benefits from.

Built around Porcelain.

Use this palette

Hex values
#eef1f2, #3d5f8f, #cfdce6, #22344e, #d8c9b2
CSS custom properties
:root {
  --color-porcelain: #eef1f2;
  --color-china-blue: #3d5f8f;
  --color-powder: #cfdce6;
  --color-indigo: #22344e;
  --color-biscuit: #d8c9b2;
}
Tailwind v4 theme
@theme {
  --color-porcelain: #eef1f2;
  --color-china-blue: #3d5f8f;
  --color-powder: #cfdce6;
  --color-indigo: #22344e;
  --color-biscuit: #d8c9b2;
}
JSON
{
  "name": "Willow China",
  "colors": [
    {
      "hex": "#eef1f2",
      "role": "porcelain"
    },
    {
      "hex": "#3d5f8f",
      "role": "china-blue"
    },
    {
      "hex": "#cfdce6",
      "role": "powder"
    },
    {
      "hex": "#22344e",
      "role": "indigo"
    },
    {
      "hex": "#d8c9b2",
      "role": "biscuit"
    }
  ]
}

Related palettes