← Back to Editor

#FAEDE3 · #FFE6D4 · #E8C9B3 · #80746B · #545454

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FAEDE3

Apricot · Linen · Peach Orange

HEX
#FAEDE3
RGB
rgb(250, 237, 227)
HSL
hsl(26, 70%, 94%)
HSB
hsb(26, 9%, 98%)
CMYK
cmyk(0%, 5%, 9%, 2%)
Oklch
oklch(95.4% 0.019 60.2)

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

#FFE6D4

Apricot · Bisque · Peach Orange

HEX
#FFE6D4
RGB
rgb(255, 230, 212)
HSL
hsl(25, 100%, 92%)
HSB
hsb(25, 17%, 100%)
CMYK
cmyk(0%, 10%, 17%, 0%)
Oklch
oklch(94.0% 0.036 58.0)

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

#E8C9B3

Apricot · Wheat · Peach Orange

HEX
#E8C9B3
RGB
rgb(232, 201, 179)
HSL
hsl(25, 54%, 81%)
HSB
hsb(25, 23%, 91%)
CMYK
cmyk(0%, 13%, 23%, 9%)
Oklch
oklch(85.6% 0.046 57.4)

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

#80746B

Tangerine · Gray · Warm Gray

HEX
#80746B
RGB
rgb(128, 116, 107)
HSL
hsl(26, 9%, 46%)
HSB
hsb(26, 16%, 50%)
CMYK
cmyk(0%, 9%, 16%, 50%)
Oklch
oklch(56.7% 0.020 59.2)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#545454

Ink Gray · DimGray · Charcoal

HEX
#545454
RGB
rgb(84, 84, 84)
HSL
hsl(0, 0%, 33%)
HSB
hsb(0, 0%, 33%)
CMYK
cmyk(0%, 0%, 0%, 67%)
Oklch
oklch(44.6% 0.000 89.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAEDE3
E5F1FA

Analogous

FAE5E6
FAEDE3
FAF9E5

Triadic

FAEDE3
E5FAEE
EEE5FA

Split-Comp.

FAEDE3
E5FAF9
E5E6FA

Tetradic

FAEDE3
E6FAE5
E5F1FA
F9E5FA

Contrast Matrix WCAG 2.1 Contrast

FAEDE3
FFE6D4
E8C9B3
80746B
545454
—
1.0
Fail
1.4
Fail
4.0
AA Large
6.6
AA
1.0
Fail
—
1.3
Fail
3.8
AA Large
6.3
AA
1.4
Fail
1.3
Fail
—
2.9
Fail
4.8
AA
4.0
AA Large
3.8
AA Large
2.9
Fail
—
1.7
Fail
6.6
AA
6.3
AA
4.8
AA
1.7
Fail
—
White BG
1.1Fail
1.2Fail
1.6Fail
4.5AA
7.6AAA
Black BG
18.3AAA
17.5AAA
13.4AAA
4.6AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4E5
F4F4D8
DBDAB8
7B7B6D
545454

Deuteranopia

F5F6E6
F6F8D9
DCDFBA
7C7C6E
545454

Tritanopia

F9E7E8
FEDCDD
E6BDBD
7F6F6F
545454

Achromatopsia

F0F0F0
EBEBEB
D0D0D0
777777
545454

Shades & Tints Shades & Tints

#FAEDE3

Dark
Light

#FFE6D4

Dark
Light

#E8C9B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faede3;
  --color-2: #ffe6d4;
  --color-3: #e8c9b3;
  --color-4: #80746b;
  --color-5: #545454;
}

SCSS

$color-1: #faede3;
$color-2: #ffe6d4;
$color-3: #e8c9b3;
$color-4: #80746b;
$color-5: #545454;

TAILWIND

colors: {
  'brand-1': '#faede3',
  'brand-2': '#ffe6d4',
  'brand-3': '#e8c9b3',
  'brand-4': '#80746b',
  'brand-5': '#545454',
}

RGB Array

[250, 237, 227], [255, 230, 212], [232, 201, 179], [128, 116, 107], [84, 84, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAEDE3, #FFE6D4, #E8C9B3, #80746B, #545454 is ideal for: health products, baby brands, fresh-style blogs, 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: #faede3; --color-2: #ffe6d4; --color-3: #e8c9b3; --color-4: #80746b; --color-5: #545454. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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