← Back to Editor

#E3DA9C · #C7BD91 · #F3E4CF · #6B6B6B · #918F90

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

#E3DA9C

Fresh Green · Khaki · Sunflower

HEX
#E3DA9C
RGB
rgb(227, 218, 156)
HSL
hsl(52, 56%, 75%)
HSB
hsb(52, 31%, 89%)
CMYK
cmyk(0%, 4%, 31%, 11%)
Oklch
oklch(88.1% 0.081 100.9)

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

#C7BD91

Ginger · Tan · Sunflower

HEX
#C7BD91
RGB
rgb(199, 189, 145)
HSL
hsl(49, 33%, 67%)
HSB
hsb(49, 27%, 78%)
CMYK
cmyk(0%, 5%, 27%, 22%)
Oklch
oklch(79.6% 0.060 96.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F3E4CF

Goose Yellow · Bisque · Peach Orange

HEX
#F3E4CF
RGB
rgb(243, 228, 207)
HSL
hsl(35, 60%, 88%)
HSB
hsb(35, 15%, 95%)
CMYK
cmyk(0%, 6%, 15%, 5%)
Oklch
oklch(92.5% 0.032 76.4)

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

#6B6B6B

Ink Gray · DimGray · Warm Gray

HEX
#6B6B6B
RGB
rgb(107, 107, 107)
HSL
hsl(0, 0%, 42%)
HSB
hsb(0, 0%, 42%)
CMYK
cmyk(0%, 0%, 0%, 58%)
Oklch
oklch(52.8% 0.000 89.9)

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

#918F90

Ash · Gray · Silver Sand

HEX
#918F90
RGB
rgb(145, 143, 144)
HSL
hsl(330, 1%, 56%)
HSB
hsb(330, 1%, 57%)
CMYK
cmyk(0%, 1%, 1%, 43%)
Oklch
oklch(65.2% 0.003 345.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3DA9C
9CA5E3

Analogous

E3B69C
E3DA9C
C9E39C

Triadic

E3DA9C
9CE3D9
D99CE3

Split-Comp.

E3DA9C
9CC9E3
B69CE3

Tetradic

E3DA9C
9CE3B6
9CA5E3
E39CC9

Contrast Matrix WCAG 2.1 Contrast

E3DA9C
C7BD91
F3E4CF
6B6B6B
918F90
—
1.3
Fail
1.1
Fail
3.7
AA Large
2.3
Fail
1.3
Fail
—
1.5
Fail
2.8
Fail
1.7
Fail
1.1
Fail
1.5
Fail
—
4.3
AA Large
2.6
Fail
3.7
AA Large
2.8
Fail
4.3
AA Large
—
1.7
Fail
2.3
Fail
1.7
Fail
2.6
Fail
1.7
Fail
—
White BG
1.4Fail
1.9Fail
1.2Fail
5.3AA
3.2AA Large
Black BG
14.8AAA
11.1AAA
16.8AAA
3.9AA Large
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFAB
C3C39C
EDECD4
6B6B6B
909090

Deuteranopia

E0E0AF
C3C49E
EDEFD5
6B6B6B
909090

Tritanopia

E3B7B9
C6A4A6
F2D8D9
6B6B6B
919090

Achromatopsia

D6D6D6
BBBBBB
E6E6E6
6B6B6B
909090

Shades & Tints Shades & Tints

#E3DA9C

Dark
Light

#C7BD91

Dark
Light

#F3E4CF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3da9c;
  --color-2: #c7bd91;
  --color-3: #f3e4cf;
  --color-4: #6b6b6b;
  --color-5: #918f90;
}

SCSS

$color-1: #e3da9c;
$color-2: #c7bd91;
$color-3: #f3e4cf;
$color-4: #6b6b6b;
$color-5: #918f90;

TAILWIND

colors: {
  'brand-1': '#e3da9c',
  'brand-2': '#c7bd91',
  'brand-3': '#f3e4cf',
  'brand-4': '#6b6b6b',
  'brand-5': '#918f90',
}

RGB Array

[227, 218, 156], [199, 189, 145], [243, 228, 207], [107, 107, 107], [145, 143, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3DA9C, #C7BD91, #F3E4CF, #6B6B6B, #918F90 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: #e3da9c; --color-2: #c7bd91; --color-3: #f3e4cf; --color-4: #6b6b6b; --color-5: #918f90. 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