#EEF3CD + #ECFFCA + #DDE3BE + #BEBDA8 + #DB4575 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEF3CD

Fresh Green · Beige · Lemon Cream

HEX

#EEF3CD

RGB

rgb(238, 243, 205)

HSL

hsl(68, 61%, 88%)

HSB

hsb(68, 16%, 95%)

CMYK

cmyk(2%, 0%, 16%, 5%)

Oklch

oklch(95.1% 0.050 113.4)

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

#ECFFCA

Willow Green · Beige · Mint Green

HEX

#ECFFCA

RGB

rgb(236, 255, 202)

HSL

hsl(82, 100%, 90%)

HSB

hsb(82, 21%, 100%)

CMYK

cmyk(7%, 0%, 21%, 0%)

Oklch

oklch(97.3% 0.072 123.7)

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

#DDE3BE

Willow Green · Wheat · Mint Green

HEX

#DDE3BE

RGB

rgb(221, 227, 190)

HSL

hsl(70, 40%, 82%)

HSB

hsb(70, 16%, 89%)

CMYK

cmyk(3%, 0%, 16%, 11%)

Oklch

oklch(90.2% 0.049 114.9)

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

#BEBDA8

Fresh Green · Silver · Sunflower

HEX

#BEBDA8

RGB

rgb(190, 189, 168)

HSL

hsl(57, 14%, 70%)

HSB

hsb(57, 12%, 75%)

CMYK

cmyk(0%, 1%, 12%, 25%)

Oklch

oklch(79.3% 0.029 104.8)

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

#DB4575

Dark Violet · MediumVioletRed · Rose Pink

HEX

#DB4575

RGB

rgb(219, 69, 117)

HSL

hsl(341, 68%, 56%)

HSB

hsb(341, 68%, 86%)

CMYK

cmyk(0%, 68%, 47%, 14%)

Oklch

oklch(61.5% 0.189 5.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEF3CD

D3CEF3

Analogous

F3E5CE

EEF3CD

DBF3CE

Triadic

EEF3CD

CEEEF3

F3CEEE

Split-Comp.

EEF3CD

CEDBF3

E5CEF3

Tetradic

EEF3CD

CEF3E5

D3CEF3

F3CEDB

Contrast Matrix WCAG 2.1 Contrast

EEF3CD	ECFFCA	DDE3BE	BEBDA8	DB4575
—	1.1 Fail	1.2 Fail	1.7 Fail	3.6 AA Large
1.1 Fail	—	1.2 Fail	1.8 Fail	3.9 AA Large
1.2 Fail	1.2 Fail	—	1.4 Fail	3.1 AA Large
1.7 Fail	1.8 Fail	1.4 Fail	—	2.2 Fail
3.6 AA Large	3.9 AA Large	3.1 AA Large	2.2 Fail	—

White BG

1.1Fail

1.3Fail

1.9Fail

4.1AA Large

Black BG

18.3AAA

19.7AAA

15.8AAA

11.0AAA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0D6

F4F4D7

E0E0C7

BEBEAD

9A9969

Deuteranopia

F0F0D8

F3F2DA

DFDFC9

BEBEAE

A3AE67

Tritanopia

EEDDDF

EDE1E3

DDCED0

BEB1B2

D3605E

Achromatopsia

EDEDED

F3F3F3

DDDDDD

BBBBBB

777777

Shades & Tints Shades & Tints

#EEF3CD

Dark

Light

#ECFFCA

Dark

Light

#DDE3BE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eef3cd;
  --color-2: #ecffca;
  --color-3: #dde3be;
  --color-4: #bebda8;
  --color-5: #db4575;
}

SCSS

$color-1: #eef3cd;
$color-2: #ecffca;
$color-3: #dde3be;
$color-4: #bebda8;
$color-5: #db4575;

TAILWIND

colors: {
  'brand-1': '#eef3cd',
  'brand-2': '#ecffca',
  'brand-3': '#dde3be',
  'brand-4': '#bebda8',
  'brand-5': '#db4575',
}

RGB Array

[238, 243, 205], [236, 255, 202], [221, 227, 190], [190, 189, 168], [219, 69, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #EEF3CD, #ECFFCA, #DDE3BE, #BEBDA8, #DB4575 is ideal for: health products, baby brands, fresh-style blogs. 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: #eef3cd; --color-2: #ecffca; --color-3: #dde3be; --color-4: #bebda8; --color-5: #db4575. 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. 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 space-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