What are the hex codes in the Rustic Brick Red & Lilac palette?

The Rustic Brick Red & Lilac color palette consists of Brick Red #7D495F, Lilac #C898AE, Dove Gray #8A6775, Raisin #2E1C24.

How should I use the Rustic Brick Red & Lilac palette on a website?

Use Lilac #C898AE as the background, Raisin #2E1C24 for text, Brick Red #7D495F for buttons and links, and Dove Gray #8A6775 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Lilac on Raisin at 6.54:1.

Which colors in Rustic Brick Red & Lilac have enough contrast for text?

The highest-contrast pair is #C898AE on #2E1C24 with a ratio of 6.54:1, which passes WCAG AA for normal text.

#7D495FBrick Red

#C898AELilac

#8A6775Dove Gray

#2E1C24Raisin

Rustic Brick Red & Lilac color palette

Dark Muted Warm

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Brick Red	`#7D495F`	`rgb(125, 73, 95)`	`hsl(335, 26%, 39%)`	`oklch(47.3% 0.076 354)`
Lilac	`#C898AE`	`rgb(200, 152, 174)`	`hsl(333, 30%, 69%)`	`oklch(73.1% 0.064 350)`
Dove Gray	`#8A6775`	`rgb(138, 103, 117)`	`hsl(336, 15%, 47%)`	`oklch(55.4% 0.049 353)`
Raisin	`#2E1C24`	`rgb(46, 28, 36)`	`hsl(333, 24%, 15%)`	`oklch(25.3% 0.031 351)`

Why it works and how to use it

Rustic Brick Red & Lilac is a monochromatic color palette tagged dark, muted, warm. All four colors sit within 2° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 3 chromatic colors, Brick Red takes the lead while the rest support. Lightness runs from 15% to 69%. Well suited to websites, presentations and branding.

Background: Lilac (#C898AE) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#2E1C24) on #C898AE gives 6.54:1, passing WCAG AA.
Primary: Brick Red (#7D495F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dove Gray (#8A6775) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Lilac on Raisin at 6.54:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Rustic Brick Red & Lilac

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#7D495F

#C898AE

#8A6775

#2E1C24

Color-blind check: under deuteranopia, Brick Red and Dove Gray become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#C898AE` on `#2E1C24`	Aa	6.54:1	AA
`#8A6775` on `#2E1C24`	Aa	3.27:1	AA large only
`#7D495F` on `#C898AE`	Aa	2.86:1	Fail
`#7D495F` on `#2E1C24`	Aa	2.29:1	Fail
`#C898AE` on `#8A6775`	Aa	2:1	Fail
`#7D495F` on `#8A6775`	Aa	1.43:1	Fail

:root {
  --brick-red: #7D495F;
  --lilac: #C898AE;
  --dove-gray: #8A6775;
  --raisin: #2E1C24;
}

$brick-red: #7D495F;
$lilac: #C898AE;
$dove-gray: #8A6775;
$raisin: #2E1C24;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'brick-red': '#7D495F',
        'lilac': '#C898AE',
        'dove-gray': '#8A6775',
        'raisin': '#2E1C24',
      },
    },
  },
};

{
  "name": "Rustic Brick Red & Lilac",
  "colors": [
    "#7D495F",
    "#C898AE",
    "#8A6775",
    "#2E1C24"
  ]
}

background: linear-gradient(135deg, #7D495F, #C898AE, #8A6775, #2E1C24);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2024-12-08 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood