← Back to Editor

#EAEFD9 · #FFF6E8 · #C2D3B2 · #776B44 · #CCC47D

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

#EAEFD9

Willow Green · Beige · Mint Green

HEX
#EAEFD9
RGB
rgb(234, 239, 217)
HSL
hsl(74, 41%, 89%)
HSB
hsb(74, 9%, 94%)
CMYK
cmyk(2%, 0%, 9%, 6%)
Oklch
oklch(94.2% 0.030 117.4)

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

#FFF6E8

Goose Yellow · SeaShell · Peach Orange

HEX
#FFF6E8
RGB
rgb(255, 246, 232)
HSL
hsl(37, 100%, 95%)
HSB
hsb(37, 9%, 100%)
CMYK
cmyk(0%, 4%, 9%, 0%)
Oklch
oklch(97.6% 0.021 79.1)

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

#C2D3B2

Celadon · Silver · Apple Green

HEX
#C2D3B2
RGB
rgb(194, 211, 178)
HSL
hsl(91, 27%, 76%)
HSB
hsb(91, 16%, 83%)
CMYK
cmyk(8%, 0%, 16%, 17%)
Oklch
oklch(84.5% 0.048 129.7)

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

#776B44

Ochre · DimGray · Honey Gold

HEX
#776B44
RGB
rgb(119, 107, 68)
HSL
hsl(46, 27%, 37%)
HSB
hsb(46, 43%, 47%)
CMYK
cmyk(0%, 10%, 43%, 53%)
Oklch
oklch(52.9% 0.058 93.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CCC47D

Fresh Green · Tan · Sunflower

HEX
#CCC47D
RGB
rgb(204, 196, 125)
HSL
hsl(54, 44%, 65%)
HSB
hsb(54, 39%, 80%)
CMYK
cmyk(0%, 4%, 39%, 20%)
Oklch
oklch(81.1% 0.092 102.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAEFD9
DDD7EE

Analogous

EEE8D7
EAEFD9
DEEED7

Triadic

EAEFD9
D7E9EE
EED7E9

Split-Comp.

EAEFD9
D7DEEE
E8D7EE

Tetradic

EAEFD9
D7EEE8
DDD7EE
EED7DE

Contrast Matrix WCAG 2.1 Contrast

EAEFD9
FFF6E8
C2D3B2
776B44
CCC47D
—
1.1
Fail
1.3
Fail
4.5
AA Large
1.5
Fail
1.1
Fail
—
1.5
Fail
4.9
AA
1.7
Fail
1.3
Fail
1.5
Fail
—
3.3
AA Large
1.1
Fail
4.5
AA Large
4.9
AA
3.3
AA Large
—
3.0
Fail
1.5
Fail
1.7
Fail
1.1
Fail
3.0
Fail
—
White BG
1.2Fail
1.1Fail
1.6Fail
5.3AA
1.8Fail
Black BG
17.8AAA
19.6AAA
13.3AAA
4.0AA Large
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECDE
FBFBEB
C9CABA
72724D
C9C88E

Deuteranopia

ECECE0
FCFCEC
C8C7BC
737350
C9CA92

Tritanopia

EAE3E3
FFEEEF
C3C0C2
765557
CC9C9F

Achromatopsia

EBEBEB
F7F7F7
CACACA
6A6A6A
BEBEBE

Shades & Tints Shades & Tints

#EAEFD9

Dark
Light

#FFF6E8

Dark
Light

#C2D3B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaefd9;
  --color-2: #fff6e8;
  --color-3: #c2d3b2;
  --color-4: #776b44;
  --color-5: #ccc47d;
}

SCSS

$color-1: #eaefd9;
$color-2: #fff6e8;
$color-3: #c2d3b2;
$color-4: #776b44;
$color-5: #ccc47d;

TAILWIND

colors: {
  'brand-1': '#eaefd9',
  'brand-2': '#fff6e8',
  'brand-3': '#c2d3b2',
  'brand-4': '#776b44',
  'brand-5': '#ccc47d',
}

RGB Array

[234, 239, 217], [255, 246, 232], [194, 211, 178], [119, 107, 68], [204, 196, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAEFD9, #FFF6E8, #C2D3B2, #776B44, #CCC47D 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: #eaefd9; --color-2: #fff6e8; --color-3: #c2d3b2; --color-4: #776b44; --color-5: #ccc47d. 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