← Back to Editor

#EBE6D3 · #879C4F · #E6F0C7 · #CEE238 · #FC3845

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

#EBE6D3

Goose Yellow · Beige · Lemon Cream

HEX
#EBE6D3
RGB
rgb(235, 230, 211)
HSL
hsl(48, 37%, 87%)
HSB
hsb(48, 10%, 92%)
CMYK
cmyk(0%, 2%, 10%, 8%)
Oklch
oklch(92.4% 0.026 94.7)

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

#879C4F

Grass Green · Gray · Olive Green

HEX
#879C4F
RGB
rgb(135, 156, 79)
HSL
hsl(76, 33%, 46%)
HSB
hsb(76, 49%, 61%)
CMYK
cmyk(13%, 0%, 49%, 39%)
Oklch
oklch(65.9% 0.106 121.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#E6F0C7

Willow Green · Beige · Mint Green

HEX
#E6F0C7
RGB
rgb(230, 240, 199)
HSL
hsl(75, 58%, 86%)
HSB
hsb(75, 17%, 94%)
CMYK
cmyk(4%, 0%, 17%, 6%)
Oklch
oklch(93.7% 0.055 118.6)

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

#CEE238

Autumn Sage · GreenYellow · Sunflower

HEX
#CEE238
RGB
rgb(206, 226, 56)
HSL
hsl(67, 75%, 55%)
HSB
hsb(67, 75%, 89%)
CMYK
cmyk(9%, 0%, 75%, 11%)
Oklch
oklch(86.9% 0.183 116.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FC3845

Vermilion · Tomato · Passion Red

HEX
#FC3845
RGB
rgb(252, 56, 69)
HSL
hsl(356, 97%, 60%)
HSB
hsb(356, 78%, 99%)
CMYK
cmyk(0%, 78%, 73%, 1%)
Oklch
oklch(64.9% 0.229 23.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE6D3
D2D6EA

Analogous

EAD9D2
EBE6D3
E3EAD2

Triadic

EBE6D3
D2EAE5
E5D2EA

Split-Comp.

EBE6D3
D2E3EA
D9D2EA

Tetradic

EBE6D3
D2EAD9
D2D6EA
EAD2E3

Contrast Matrix WCAG 2.1 Contrast

EBE6D3
879C4F
E6F0C7
CEE238
FC3845
—
2.4
Fail
1.1
Fail
1.2
Fail
2.9
Fail
2.4
Fail
—
2.6
Fail
2.1
Fail
1.2
Fail
1.1
Fail
2.6
Fail
—
1.2
Fail
3.0
AA Large
1.2
Fail
2.1
Fail
1.2
Fail
—
2.5
Fail
2.9
Fail
1.2
Fail
3.0
AA Large
2.5
Fail
—
White BG
1.3Fail
3.0AA Large
1.2Fail
1.4Fail
3.6AA Large
Black BG
16.8AAA
6.9AA
17.7AAA
14.6AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9D8
909062
EAEAD1
D7D761
A7A542

Deuteranopia

E9EAD9
8F8D66
EAE9D3
D6D46B
B3C141

Tritanopia

EBDBDC
887074
E7D9DA
CF8289
F23F3F

Achromatopsia

E5E5E5
8D8D8D
E8E8E8
C9C9C9
747474

Shades & Tints Shades & Tints

#EBE6D3

Dark
Light

#879C4F

Dark
Light

#E6F0C7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe6d3;
  --color-2: #879c4f;
  --color-3: #e6f0c7;
  --color-4: #cee238;
  --color-5: #fc3845;
}

SCSS

$color-1: #ebe6d3;
$color-2: #879c4f;
$color-3: #e6f0c7;
$color-4: #cee238;
$color-5: #fc3845;

TAILWIND

colors: {
  'brand-1': '#ebe6d3',
  'brand-2': '#879c4f',
  'brand-3': '#e6f0c7',
  'brand-4': '#cee238',
  'brand-5': '#fc3845',
}

RGB Array

[235, 230, 211], [135, 156, 79], [230, 240, 199], [206, 226, 56], [252, 56, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE6D3, #879C4F, #E6F0C7, #CEE238, #FC3845 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: #ebe6d3; --color-2: #879c4f; --color-3: #e6f0c7; --color-4: #cee238; --color-5: #fc3845. 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