#E0DFCB + #F2D2C5 + #CCCDBB + #8EC7C1 + #73BEB7 · spring - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0DFCB

Fresh Green · LightGray · Lemon Cream

HEX

#E0DFCB

RGB

rgb(224, 223, 203)

HSL

hsl(57, 25%, 84%)

HSB

hsb(57, 9%, 88%)

CMYK

cmyk(0%, 0%, 9%, 12%)

Oklch

oklch(89.9% 0.027 104.6)

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

#F2D2C5

Apricot · Wheat · Peach Orange

HEX

#F2D2C5

RGB

rgb(242, 210, 197)

HSL

hsl(17, 63%, 86%)

HSB

hsb(17, 19%, 95%)

CMYK

cmyk(0%, 13%, 19%, 5%)

Oklch

oklch(88.7% 0.040 43.4)

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

#CCCDBB

Fresh Green · Silver · Lemon Cream

HEX

#CCCDBB

RGB

rgb(204, 205, 187)

HSL

hsl(63, 15%, 77%)

HSB

hsb(63, 9%, 80%)

CMYK

cmyk(0%, 0%, 9%, 20%)

Oklch

oklch(84.3% 0.024 109.5)

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

#8EC7C1

Jade · SkyBlue · Lake Green

HEX

#8EC7C1

RGB

rgb(142, 199, 193)

HSL

hsl(174, 34%, 67%)

HSB

hsb(174, 29%, 78%)

CMYK

cmyk(29%, 0%, 3%, 22%)

Oklch

oklch(78.9% 0.060 187.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#73BEB7

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#73BEB7

RGB

rgb(115, 190, 183)

HSL

hsl(174, 37%, 60%)

HSB

hsb(174, 39%, 75%)

CMYK

cmyk(39%, 0%, 4%, 25%)

Oklch

oklch(75.1% 0.076 188.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0DFCB

CCCDE0

Analogous

E0D5CC

E0DFCB

D7E0CC

Triadic

E0DFCB

CCE0DF

DFCCE0

Split-Comp.

E0DFCB

CCD7E0

D5CCE0

Tetradic

E0DFCB

CCE0D5

CCCDE0

E0CCD7

Contrast Matrix WCAG 2.1 Contrast

E0DFCB	F2D2C5	CCCDBB	8EC7C1	73BEB7
—	1.1 Fail	1.2 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

1.3Fail

1.4Fail

1.6Fail

1.9Fail

2.1Fail

Black BG

15.6AAA

14.8AAA

13.0AAA

11.1AAA

9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0D0

E4E4C8

CCCCBF

A7A7C2

9394B9

Deuteranopia

E0E0D1

E6E8C9

CCCCC0

A39FC3

8F8AB9

Tritanopia

E0D4D5

F0CBCB

CCC3C4

91C4C4

77BABA

Achromatopsia

DDDDDD

DADADA

CBCBCB

B5B5B5

A7A7A7

Shades & Tints Shades & Tints

#E0DFCB

Dark

Light

#F2D2C5

Dark

Light

#CCCDBB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0dfcb;
  --color-2: #f2d2c5;
  --color-3: #cccdbb;
  --color-4: #8ec7c1;
  --color-5: #73beb7;
}

SCSS

$color-1: #e0dfcb;
$color-2: #f2d2c5;
$color-3: #cccdbb;
$color-4: #8ec7c1;
$color-5: #73beb7;

TAILWIND

colors: {
  'brand-1': '#e0dfcb',
  'brand-2': '#f2d2c5',
  'brand-3': '#cccdbb',
  'brand-4': '#8ec7c1',
  'brand-5': '#73beb7',
}

RGB Array

[224, 223, 203], [242, 210, 197], [204, 205, 187], [142, 199, 193], [115, 190, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #E0DFCB, #F2D2C5, #CCCDBB, #8EC7C1, #73BEB7 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: #e0dfcb; --color-2: #f2d2c5; --color-3: #cccdbb; --color-4: #8ec7c1; --color-5: #73beb7. 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 spring-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