What are the hex codes in the Apricot & Brick Red Sky palette?

The Apricot & Brick Red Sky color palette consists of Brick Red #8E4047, Dusty Rose #E3A383, Lilac #E29FC4, Apricot #FBCD80.

How should I use the Apricot & Brick Red Sky palette on a website?

Use Apricot #FBCD80 as the background, Brick Red #8E4047 for text, Dusty Rose #E3A383 for buttons and links, and Lilac #E29FC4 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Brick Red on Apricot at 4.76:1.

Which colors in Apricot & Brick Red Sky have enough contrast for text?

The highest-contrast pair is #8E4047 on #FBCD80 with a ratio of 4.76:1, which passes WCAG AA for normal text.

#8E4047Brick Red

#E3A383Dusty Rose

#E29FC4Lilac

#FBCD80Apricot

Apricot & Brick Red Sky color palette

Boho Warm Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Brick Red	`#8E4047`	`rgb(142, 64, 71)`	`hsl(355, 38%, 40%)`	`oklch(47.5% 0.106 16)`
Dusty Rose	`#E3A383`	`rgb(227, 163, 131)`	`hsl(20, 63%, 70%)`	`oklch(76.9% 0.088 48)`
Lilac	`#E29FC4`	`rgb(226, 159, 196)`	`hsl(327, 54%, 75%)`	`oklch(77.8% 0.092 345)`
Apricot	`#FBCD80`	`rgb(251, 205, 128)`	`hsl(38, 94%, 74%)`	`oklch(87.2% 0.108 79)`

Why it works and how to use it

Apricot & Brick Red Sky is a vivid split color palette tagged boho, warm, beige. The hues span about 71°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 4 chromatic colors, Dusty Rose takes the lead while the rest support. Lightness runs from 40% to 75%. Well suited to websites, presentations and branding.

Background: Apricot (#FBCD80) is the lightest color, so it belongs on large surfaces.
Text: Brick Red (#8E4047) on #FBCD80 gives 4.76:1, passing WCAG AA.
Primary: Dusty Rose (#E3A383) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Lilac (#E29FC4) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Brick Red on Apricot at 4.76:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Apricot & Brick Red Sky

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

#8E4047

#E3A383

#E29FC4

#FBCD80

Color-blind check: under tritanopia, Dusty Rose and Lilac 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
`#8E4047` on `#FBCD80`	Aa	4.76:1	AA
`#8E4047` on `#E29FC4`	Aa	3.36:1	AA large only
`#8E4047` on `#E3A383`	Aa	3.31:1	AA large only
`#E3A383` on `#FBCD80`	Aa	1.44:1	Fail
`#E29FC4` on `#FBCD80`	Aa	1.42:1	Fail
`#E3A383` on `#E29FC4`	Aa	1.02:1	Fail

:root {
  --brick-red: #8E4047;
  --dusty-rose: #E3A383;
  --lilac: #E29FC4;
  --apricot: #FBCD80;
}

$brick-red: #8E4047;
$dusty-rose: #E3A383;
$lilac: #E29FC4;
$apricot: #FBCD80;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'brick-red': '#8E4047',
        'dusty-rose': '#E3A383',
        'lilac': '#E29FC4',
        'apricot': '#FBCD80',
      },
    },
  },
};

{
  "name": "Apricot & Brick Red Sky",
  "colors": [
    "#8E4047",
    "#E3A383",
    "#E29FC4",
    "#FBCD80"
  ]
}

background: linear-gradient(135deg, #8E4047, #E3A383, #E29FC4, #FBCD80);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-06-30 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood