← Back to Editor

#FAE8D4 · #E6DDD3 · #B8D9D4 · #A3C2BE · #78807E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FAE8D4

Goose Yellow · Beige · Peach Orange

HEX
#FAE8D4
RGB
rgb(250, 232, 212)
HSL
hsl(32, 79%, 91%)
HSB
hsb(32, 15%, 98%)
CMYK
cmyk(0%, 7%, 15%, 2%)
Oklch
oklch(94.0% 0.033 70.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E6DDD3

Goose Yellow · LightGray · Peach Orange

HEX
#E6DDD3
RGB
rgb(230, 221, 211)
HSL
hsl(32, 28%, 86%)
HSB
hsb(32, 8%, 90%)
CMYK
cmyk(0%, 4%, 8%, 10%)
Oklch
oklch(90.2% 0.017 70.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B8D9D4

Jade · LightBlue · Glacier Blue

HEX
#B8D9D4
RGB
rgb(184, 217, 212)
HSL
hsl(171, 30%, 79%)
HSB
hsb(171, 15%, 85%)
CMYK
cmyk(15%, 0%, 2%, 15%)
Oklch
oklch(86.0% 0.036 185.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#A3C2BE

Jade · Silver · Lake Green

HEX
#A3C2BE
RGB
rgb(163, 194, 190)
HSL
hsl(172, 20%, 70%)
HSB
hsb(172, 16%, 76%)
CMYK
cmyk(16%, 0%, 2%, 24%)
Oklch
oklch(79.0% 0.034 187.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#78807E

Ink Gray · Gray · Warm Gray

HEX
#78807E
RGB
rgb(120, 128, 126)
HSL
hsl(165, 3%, 49%)
HSB
hsb(165, 6%, 50%)
CMYK
cmyk(6%, 0%, 2%, 50%)
Oklch
oklch(59.3% 0.010 179.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE8D4
D6E7FA

Analogous

FAD7D6
FAE8D4
F9FAD6

Triadic

FAE8D4
D6FAE9
E9D6FA

Split-Comp.

FAE8D4
D6F9FA
D7D6FA

Tetradic

FAE8D4
D6FAD7
D6E7FA
FAD6F9

Contrast Matrix WCAG 2.1 Contrast

FAE8D4
E6DDD3
B8D9D4
A3C2BE
78807E
—
1.1
Fail
1.3
Fail
1.6
Fail
3.4
AA Large
1.1
Fail
—
1.1
Fail
1.4
Fail
3.0
AA Large
1.3
Fail
1.1
Fail
—
1.3
Fail
2.7
Fail
1.6
Fail
1.4
Fail
1.3
Fail
—
2.1
Fail
3.4
AA Large
3.0
AA Large
2.7
Fail
2.1
Fail
—
White BG
1.2Fail
1.3Fail
1.5Fail
1.9Fail
4.0AA Large
Black BG
17.6AAA
15.6AAA
13.9AAA
11.0AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2D9
E2E2D5
C6C7D5
B0B1BF
7B7C7E

Deuteranopia

F3F5DA
E3E3D6
C4C2D5
AFACBF
7B7A7F

Tritanopia

F9DDDE
E6D7D8
BAD6D6
A5C0C0
787F7F

Achromatopsia

EBEBEB
DFDFDF
CFCFCF
B8B8B8
7D7D7D

Shades & Tints Shades & Tints

#FAE8D4

Dark
Light

#E6DDD3

Dark
Light

#B8D9D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae8d4;
  --color-2: #e6ddd3;
  --color-3: #b8d9d4;
  --color-4: #a3c2be;
  --color-5: #78807e;
}

SCSS

$color-1: #fae8d4;
$color-2: #e6ddd3;
$color-3: #b8d9d4;
$color-4: #a3c2be;
$color-5: #78807e;

TAILWIND

colors: {
  'brand-1': '#fae8d4',
  'brand-2': '#e6ddd3',
  'brand-3': '#b8d9d4',
  'brand-4': '#a3c2be',
  'brand-5': '#78807e',
}

RGB Array

[250, 232, 212], [230, 221, 211], [184, 217, 212], [163, 194, 190], [120, 128, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE8D4, #E6DDD3, #B8D9D4, #A3C2BE, #78807E 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: #fae8d4; --color-2: #e6ddd3; --color-3: #b8d9d4; --color-4: #a3c2be; --color-5: #78807e. 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