#C3E2B0 + #EDB571 + #EB927E + #D2928C + #BC6F85 · spring - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C3E2B0

Celadon · Silver · Apple Green

HEX

#C3E2B0

RGB

rgb(195, 226, 176)

HSL

hsl(97, 46%, 79%)

HSB

hsb(97, 22%, 89%)

CMYK

cmyk(14%, 0%, 22%, 11%)

Oklch

oklch(87.7% 0.075 133.7)

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

#EDB571

Ginger · SandyBrown · Warm Sun

HEX

#EDB571

RGB

rgb(237, 181, 113)

HSL

hsl(33, 78%, 69%)

HSB

hsb(33, 52%, 93%)

CMYK

cmyk(0%, 24%, 52%, 7%)

Oklch

oklch(81.0% 0.107 70.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#EB927E

Peach Pink · DarkSalmon · Coral Red

HEX

#EB927E

RGB

rgb(235, 146, 126)

HSL

hsl(11, 73%, 71%)

HSB

hsb(11, 46%, 92%)

CMYK

cmyk(0%, 38%, 46%, 8%)

Oklch

oklch(74.7% 0.112 33.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D2928C

Peach Pink · DarkSalmon · Coral Red

HEX

#D2928C

RGB

rgb(210, 146, 140)

HSL

hsl(5, 44%, 69%)

HSB

hsb(5, 33%, 82%)

CMYK

cmyk(0%, 30%, 33%, 18%)

Oklch

oklch(72.1% 0.079 25.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BC6F85

Dark Violet · LightCoral · Rose Pink

HEX

#BC6F85

RGB

rgb(188, 111, 133)

HSL

hsl(343, 36%, 59%)

HSB

hsb(343, 41%, 74%)

CMYK

cmyk(0%, 41%, 29%, 26%)

Oklch

oklch(63.2% 0.101 2.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3E2B0

CFB1E2

Analogous

DCE2B1

C3E2B0

B1E2B7

Triadic

C3E2B0

B1C4E2

E2B1C4

Split-Comp.

C3E2B0

B7B1E2

E2B1DC

Tetradic

C3E2B0

B1DCE2

CFB1E2

E2B7B1

Contrast Matrix WCAG 2.1 Contrast

C3E2B0	EDB571	EB927E	D2928C	BC6F85
—	1.3 Fail	1.7 Fail	1.8 Fail	2.6 Fail
1.3 Fail	—	1.3 Fail	1.4 Fail	2.0 Fail
1.7 Fail	1.3 Fail	—	1.1 Fail	1.6 Fail
1.8 Fail	1.4 Fail	1.1 Fail	—	1.4 Fail
2.6 Fail	2.0 Fail	1.6 Fail	1.4 Fail	—

White BG

1.4Fail

1.8Fail

2.3Fail

2.6Fail

3.7AA Large

Black BG

14.8AAA

11.4AAA

8.9AAA

8.2AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D1BC

D5D481

C4C483

B6B68D

9B9A80

Deuteranopia

CFCCBF

D8DC85

CAD084

BABF8E

9FA57E

Tritanopia

C5C6C8

EA8E91

E78788

CF8F8F

B87B7B

Achromatopsia

D3D3D3

BEBEBE

AAAAAA

A4A4A4

898989

Shades & Tints Shades & Tints

#C3E2B0

Dark

Light

#EDB571

Dark

Light

#EB927E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3e2b0;
  --color-2: #edb571;
  --color-3: #eb927e;
  --color-4: #d2928c;
  --color-5: #bc6f85;
}

SCSS

$color-1: #c3e2b0;
$color-2: #edb571;
$color-3: #eb927e;
$color-4: #d2928c;
$color-5: #bc6f85;

TAILWIND

colors: {
  'brand-1': '#c3e2b0',
  'brand-2': '#edb571',
  'brand-3': '#eb927e',
  'brand-4': '#d2928c',
  'brand-5': '#bc6f85',
}

RGB Array

[195, 226, 176], [237, 181, 113], [235, 146, 126], [210, 146, 140], [188, 111, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #C3E2B0, #EDB571, #EB927E, #D2928C, #BC6F85 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: #c3e2b0; --color-2: #edb571; --color-3: #eb927e; --color-4: #d2928c; --color-5: #bc6f85. 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