Linen and Fig

calmearthy

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

Two close-value warm whites — ivory and linen — create the soft, layered-fabric background this palette lives on. Dusty fig purple is the one saturated voice, and it works because sage green is its near-complement at the same muted intensity, so the pair balances instead of competing. Charcoal-brown char keeps text grounded without breaking the softness, making it a natural fit for wedding suites.

Built around Ivory.

Use this palette

Hex values
#f7f2e7, #ebe3d2, #6b4864, #9caf88, #33302c
CSS custom properties
:root {
  --color-ivory: #f7f2e7;
  --color-linen: #ebe3d2;
  --color-fig: #6b4864;
  --color-sage: #9caf88;
  --color-char: #33302c;
}
Tailwind v4 theme
@theme {
  --color-ivory: #f7f2e7;
  --color-linen: #ebe3d2;
  --color-fig: #6b4864;
  --color-sage: #9caf88;
  --color-char: #33302c;
}
JSON
{
  "name": "Linen and Fig",
  "colors": [
    {
      "hex": "#f7f2e7",
      "role": "ivory"
    },
    {
      "hex": "#ebe3d2",
      "role": "linen"
    },
    {
      "hex": "#6b4864",
      "role": "fig"
    },
    {
      "hex": "#9caf88",
      "role": "sage"
    },
    {
      "hex": "#33302c",
      "role": "char"
    }
  ]
}

Related palettes