← Back to Editor

#FAE4CF · #EADF9D · #BFCEA7 · #6E8E79 · #28140D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAE4CF

Apricot · Bisque · Peach Orange

HEX
#FAE4CF
RGB
rgb(250, 228, 207)
HSL
hsl(29, 81%, 90%)
HSB
hsb(29, 17%, 98%)
CMYK
cmyk(0%, 9%, 17%, 2%)
Oklch
oklch(93.1% 0.037 66.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EADF9D

Fresh Green · Khaki · Lemon Cream

HEX
#EADF9D
RGB
rgb(234, 223, 157)
HSL
hsl(51, 65%, 77%)
HSB
hsb(51, 33%, 92%)
CMYK
cmyk(0%, 5%, 33%, 8%)
Oklch
oklch(89.7% 0.085 99.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#BFCEA7

Willow Green · Silver · Apple Green

HEX
#BFCEA7
RGB
rgb(191, 206, 167)
HSL
hsl(83, 28%, 73%)
HSB
hsb(83, 19%, 81%)
CMYK
cmyk(7%, 0%, 19%, 19%)
Oklch
oklch(83.0% 0.055 124.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#6E8E79

Celadon · Gray · Olive Green

HEX
#6E8E79
RGB
rgb(110, 142, 121)
HSL
hsl(141, 13%, 49%)
HSB
hsb(141, 23%, 56%)
CMYK
cmyk(23%, 0%, 15%, 44%)
Oklch
oklch(61.6% 0.048 156.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#28140D

Tangerine · Black · Cinnamon

HEX
#28140D
RGB
rgb(40, 20, 13)
HSL
hsl(16, 51%, 10%)
HSB
hsb(16, 68%, 16%)
CMYK
cmyk(0%, 50%, 67%, 84%)
Oklch
oklch(21.8% 0.036 40.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE4CF
D1E6FA

Analogous

FAD1D2
FAE4CF
FAF9D1

Triadic

FAE4CF
D1FAE5
E5D1FA

Split-Comp.

FAE4CF
D1FAF9
D1D2FA

Tetradic

FAE4CF
D2FAD1
D1E6FA
F9D1FA

Contrast Matrix WCAG 2.1 Contrast

FAE4CF
EADF9D
BFCEA7
6E8E79
28140D
—
1.1
Fail
1.4
Fail
2.9
Fail
14.3
AAA
1.1
Fail
—
1.2
Fail
2.7
Fail
13.0
AAA
1.4
Fail
1.2
Fail
—
2.2
Fail
10.5
AAA
2.9
Fail
2.7
Fail
2.2
Fail
—
4.9
AA
14.3
AAA
13.0
AAA
10.5
AAA
4.9
AA
—
White BG
1.2Fail
1.4Fail
1.7Fail
3.6AA Large
17.6AAA
Black BG
17.1AAA
15.5AAA
12.6AAA
5.8AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0D4
E5E5AD
C5C6B0
7C7C7E
1F1F0F

Deuteranopia

F2F3D5
E6E7B1
C5C4B3
7A787F
21220F

Tritanopia

F9D8D9
E9BABC
C0B8BA
708283
271010

Achromatopsia

E8E8E8
DBDBDB
C5C5C5
828282
191919

Shades & Tints Shades & Tints

#FAE4CF

Dark
Light

#EADF9D

Dark
Light

#BFCEA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae4cf;
  --color-2: #eadf9d;
  --color-3: #bfcea7;
  --color-4: #6e8e79;
  --color-5: #28140d;
}

SCSS

$color-1: #fae4cf;
$color-2: #eadf9d;
$color-3: #bfcea7;
$color-4: #6e8e79;
$color-5: #28140d;

TAILWIND

colors: {
  'brand-1': '#fae4cf',
  'brand-2': '#eadf9d',
  'brand-3': '#bfcea7',
  'brand-4': '#6e8e79',
  'brand-5': '#28140d',
}

RGB Array

[250, 228, 207], [234, 223, 157], [191, 206, 167], [110, 142, 121], [40, 20, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE4CF, #EADF9D, #BFCEA7, #6E8E79, #28140D is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fae4cf; --color-2: #eadf9d; --color-3: #bfcea7; --color-4: #6e8e79; --color-5: #28140d. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color