#DEE7AE + #A3C996 + #BEBE88 + #E3C97E + #C15548 · spring - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DEE7AE

Fresh Green · Wheat · Lemon Cream

HEX

#DEE7AE

RGB

rgb(222, 231, 174)

HSL

hsl(69, 54%, 79%)

HSB

hsb(69, 25%, 91%)

CMYK

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

Oklch

oklch(90.7% 0.075 115.2)

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

#A3C996

Celadon · DarkSeaGreen · Apple Green

HEX

#A3C996

RGB

rgb(163, 201, 150)

HSL

hsl(105, 32%, 69%)

HSB

hsb(105, 25%, 79%)

CMYK

cmyk(19%, 0%, 25%, 21%)

Oklch

oklch(79.5% 0.081 137.8)

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

#BEBE88

Fresh Green · Tan · Sunflower

HEX

#BEBE88

RGB

rgb(190, 190, 136)

HSL

hsl(60, 29%, 64%)

HSB

hsb(60, 28%, 75%)

CMYK

cmyk(0%, 0%, 28%, 25%)

Oklch

oklch(78.8% 0.072 107.9)

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

#E3C97E

Ginger · BurlyWood · Sunflower

HEX

#E3C97E

RGB

rgb(227, 201, 126)

HSL

hsl(45, 64%, 69%)

HSB

hsb(45, 44%, 89%)

CMYK

cmyk(0%, 11%, 44%, 11%)

Oklch

oklch(84.1% 0.099 91.0)

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

#C15548

Crimson · Sienna · Passion Red

HEX

#C15548

RGB

rgb(193, 85, 72)

HSL

hsl(6, 49%, 52%)

HSB

hsb(6, 63%, 76%)

CMYK

cmyk(0%, 56%, 63%, 24%)

Oklch

oklch(58.4% 0.142 29.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEE7AE

B5ADE6

Analogous

E6D2AD

DEE7AE

C1E6AD

Triadic

DEE7AE

ADDEE6

E6ADDE

Split-Comp.

DEE7AE

ADC1E6

D2ADE6

Tetradic

DEE7AE

ADE6D2

B5ADE6

E6ADC1

Contrast Matrix WCAG 2.1 Contrast

DEE7AE	A3C996	BEBE88	E3C97E	C15548
—	1.4 Fail	1.5 Fail	1.2 Fail	3.5 AA Large
1.4 Fail	—	1.0 Fail	1.1 Fail	2.4 Fail
1.5 Fail	1.0 Fail	—	1.2 Fail	2.3 Fail
1.2 Fail	1.1 Fail	1.2 Fail	—	2.8 Fail
3.5 AA Large	2.4 Fail	2.3 Fail	2.8 Fail	—

White BG

1.3Fail

1.8Fail

1.9Fail

1.6Fail

4.5AA

Black BG

16.1AAA

11.4AAA

10.9AAA

12.9AAA

4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2BC

B3B4A2

BEBE95

D8D890

92914B

Deuteranopia

E1E1BF

B1AEA5

BEBE98

D9DB95

99A14C

Tritanopia

DEC7C9

A5ACAE

BE9FA2

E29EA2

BC4E4E

Achromatopsia

DEDEDE

B8B8B8

C8C8C8

747474

Shades & Tints Shades & Tints

#DEE7AE

Dark

Light

#A3C996

Dark

Light

#BEBE88

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dee7ae;
  --color-2: #a3c996;
  --color-3: #bebe88;
  --color-4: #e3c97e;
  --color-5: #c15548;
}

SCSS

$color-1: #dee7ae;
$color-2: #a3c996;
$color-3: #bebe88;
$color-4: #e3c97e;
$color-5: #c15548;

TAILWIND

colors: {
  'brand-1': '#dee7ae',
  'brand-2': '#a3c996',
  'brand-3': '#bebe88',
  'brand-4': '#e3c97e',
  'brand-5': '#c15548',
}

RGB Array

[222, 231, 174], [163, 201, 150], [190, 190, 136], [227, 201, 126], [193, 85, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #DEE7AE, #A3C996, #BEBE88, #E3C97E, #C15548 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: #dee7ae; --color-2: #a3c996; --color-3: #bebe88; --color-4: #e3c97e; --color-5: #c15548. 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