Candlelit Parlor

warmluxuriousmoody

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.

Tap to copy + paint · drag to place

How the preview picks colors: the lightest swatch becomes the page background, the darkest becomes the text, and the most vivid becomes the button. To override: tap a chip to arm it, then click any outlined part of the mockup to paint (or drag the chip there). Your arrangement is saved into this page's URL, so copying the link shares it.

Why it works

Ivory does the work candlelight does in an old sitting room: it bounces warmth back into every darker tone around it. Brass and oxblood share a golden-red base, so they read as one material family in two finishes, while walnut and near-black ink supply the deep value steps that keep the palette from washing out. Best where richness matters more than brightness — bars, libraries, heritage brands.

Built around Ivory.

Use this palette

Hex values
  • #f7f2e7ivory
  • #b08d3ebrass
  • #6e2f2aoxblood
  • #5a4634walnut
  • #2b2620ink
CSS custom properties

The variables, doing badge duty

ivorybrassoxbloodwalnutink
:root {
  --color-ivory: #f7f2e7;
  --color-brass: #b08d3e;
  --color-oxblood: #6e2f2a;
  --color-walnut: #5a4634;
  --color-ink: #2b2620;
}
Tailwind v4 theme

In Candlelit Parlor's world

@theme {
  --color-ivory: #f7f2e7;
  --color-brass: #b08d3e;
  --color-oxblood: #6e2f2a;
  --color-walnut: #5a4634;
  --color-ink: #2b2620;
}
JSON
{
  "name": "Candlelit Parlor",
  "colors": [
    {
      "hex": "#f7f2e7",
      "role": "ivory"
    },
    {
      "hex": "#b08d3e",
      "role": "brass"
    },
    {
      "hex": "#6e2f2a",
      "role": "oxblood"
    },
    {
      "hex": "#5a4634",
      "role": "walnut"
    },
    {
      "hex": "#2b2620",
      "role": "ink"
    }
  ]
}

Related palettes