← Back to Editor

#FFE8D6 · #E6E2DA · #E2D4CA · #777A76 · #E1AF80

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

#FFE8D6

Apricot · Beige · Peach Orange

HEX
#FFE8D6
RGB
rgb(255, 232, 214)
HSL
hsl(26, 100%, 92%)
HSB
hsb(26, 16%, 100%)
CMYK
cmyk(0%, 9%, 16%, 0%)
Oklch
oklch(94.5% 0.035 60.4)

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

#E6E2DA

Goose Yellow · Beige · Lemon Cream

HEX
#E6E2DA
RGB
rgb(230, 226, 218)
HSL
hsl(40, 19%, 88%)
HSB
hsb(40, 5%, 90%)
CMYK
cmyk(0%, 2%, 5%, 10%)
Oklch
oklch(91.4% 0.012 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E2D4CA

Apricot · LightGray · Peach Orange

HEX
#E2D4CA
RGB
rgb(226, 212, 202)
HSL
hsl(25, 29%, 84%)
HSB
hsb(25, 11%, 89%)
CMYK
cmyk(0%, 6%, 11%, 11%)
Oklch
oklch(87.9% 0.021 58.0)

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

#777A76

Ink Gray · Gray · Warm Gray

HEX
#777A76
RGB
rgb(119, 122, 118)
HSL
hsl(105, 2%, 47%)
HSB
hsb(105, 3%, 48%)
CMYK
cmyk(2%, 0%, 3%, 52%)
Oklch
oklch(57.6% 0.007 137.8)

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

#E1AF80

Apricot · BurlyWood · Warm Sun

HEX
#E1AF80
RGB
rgb(225, 175, 128)
HSL
hsl(29, 62%, 69%)
HSB
hsb(29, 43%, 88%)
CMYK
cmyk(0%, 22%, 43%, 12%)
Oklch
oklch(78.9% 0.085 64.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE8D6
D6EDFF

Analogous

FFD6D9
FFE8D6
FFFCD6

Triadic

FFE8D6
D6FFE8
E8D6FF

Split-Comp.

FFE8D6
D6FFFC
D6D9FF

Tetradic

FFE8D6
D9FFD6
D6EDFF
FCD6FF

Contrast Matrix WCAG 2.1 Contrast

FFE8D6
E6E2DA
E2D4CA
777A76
E1AF80
—
1.1
Fail
1.2
Fail
3.7
AA Large
1.7
Fail
1.1
Fail
—
1.1
Fail
3.4
AA Large
1.5
Fail
1.2
Fail
1.1
Fail
—
3.0
AA Large
1.4
Fail
3.7
AA Large
3.4
AA Large
3.0
AA Large
—
2.2
Fail
1.7
Fail
1.5
Fail
1.4
Fail
2.2
Fail
—
White BG
1.2Fail
1.3Fail
1.4Fail
4.3AA Large
2.0Fail
Black BG
17.8AAA
16.3AAA
14.5AAA
4.8AA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5DA
E4E4DC
DCDCCC
787877
CBCB8B

Deuteranopia

F6F8DB
E5E5DC
DDDECD
787877
CED28E

Tritanopia

FEDEDF
E6DDDE
E1CECF
777878
DF9496

Achromatopsia

EDEDED
E2E2E2
D7D7D7
797979
B9B9B9

Shades & Tints Shades & Tints

#FFE8D6

Dark
Light

#E6E2DA

Dark
Light

#E2D4CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe8d6;
  --color-2: #e6e2da;
  --color-3: #e2d4ca;
  --color-4: #777a76;
  --color-5: #e1af80;
}

SCSS

$color-1: #ffe8d6;
$color-2: #e6e2da;
$color-3: #e2d4ca;
$color-4: #777a76;
$color-5: #e1af80;

TAILWIND

colors: {
  'brand-1': '#ffe8d6',
  'brand-2': '#e6e2da',
  'brand-3': '#e2d4ca',
  'brand-4': '#777a76',
  'brand-5': '#e1af80',
}

RGB Array

[255, 232, 214], [230, 226, 218], [226, 212, 202], [119, 122, 118], [225, 175, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE8D6, #E6E2DA, #E2D4CA, #777A76, #E1AF80 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: #ffe8d6; --color-2: #e6e2da; --color-3: #e2d4ca; --color-4: #777a76; --color-5: #e1af80. 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