#E94953 + #EFB14E + #8B936C + #E591A0 + #EFCCD3 · spring - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E94953

Vermilion · Tomato · Passion Red

HEX

#E94953

RGB

rgb(233, 73, 83)

HSL

hsl(356, 78%, 60%)

HSB

hsb(356, 69%, 91%)

CMYK

cmyk(0%, 69%, 64%, 9%)

Oklch

oklch(63.4% 0.196 21.4)

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

#EFB14E

Ginger · SandyBrown · Warm Sun

HEX

#EFB14E

RGB

rgb(239, 177, 78)

HSL

hsl(37, 83%, 62%)

HSB

hsb(37, 67%, 94%)

CMYK

cmyk(0%, 26%, 67%, 6%)

Oklch

oklch(80.0% 0.135 76.2)

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

#8B936C

Grass Green · Gray · Olive Green

HEX

#8B936C

RGB

rgb(139, 147, 108)

HSL

hsl(72, 15%, 50%)

HSB

hsb(72, 27%, 58%)

CMYK

cmyk(5%, 0%, 27%, 42%)

Oklch

oklch(64.6% 0.056 117.4)

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

#E591A0

Peach Pink · LightCoral · Coral Red

HEX

#E591A0

RGB

rgb(229, 145, 160)

HSL

hsl(349, 62%, 73%)

HSB

hsb(349, 37%, 90%)

CMYK

cmyk(0%, 37%, 30%, 10%)

Oklch

oklch(74.6% 0.103 8.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EFCCD3

Peach Pink · Pink · Cherry Blossom

HEX

#EFCCD3

RGB

rgb(239, 204, 211)

HSL

hsl(348, 52%, 87%)

HSB

hsb(348, 15%, 94%)

CMYK

cmyk(0%, 15%, 12%, 6%)

Oklch

oklch(87.7% 0.040 4.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E94953

49E9DE

Analogous

E949A4

E94953

E98E49

Triadic

E94953

54E949

4954E9

Split-Comp.

E94953

49E98E

49A4E9

Tetradic

E94953

A4E949

49E9DE

8E49E9

Contrast Matrix WCAG 2.1 Contrast

E94953	EFB14E	8B936C	E591A0	EFCCD3
—	2.0 Fail	1.2 Fail	1.6 Fail	2.6 Fail
2.0 Fail	—	1.7 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.7 Fail	—	1.4 Fail	2.2 Fail
1.6 Fail	1.2 Fail	1.4 Fail	—	1.6 Fail
2.6 Fail	1.3 Fail	2.2 Fail	1.6 Fail	—

White BG

3.8AA Large

1.9Fail

3.2AA Large

2.4Fail

1.5Fail

Black BG

5.5AA

11.1AAA

6.5AA

8.9AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A251

D4D466

8E8F75

C1C09C

E0E0D1

Deuteranopia

ADB950

D8DC6C

8E8D78

C6CC9C

E2E4D1

Tritanopia

E14F4E

EC797D

8B7D7F

E19A99

EDD0D0

Achromatopsia

7A7A7A

B8B8B8

8C8C8C

ACACAC

D7D7D7

Shades & Tints Shades & Tints

#E94953

Dark

Light

#EFB14E

Dark

Light

#8B936C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e94953;
  --color-2: #efb14e;
  --color-3: #8b936c;
  --color-4: #e591a0;
  --color-5: #efccd3;
}

SCSS

$color-1: #e94953;
$color-2: #efb14e;
$color-3: #8b936c;
$color-4: #e591a0;
$color-5: #efccd3;

TAILWIND

colors: {
  'brand-1': '#e94953',
  'brand-2': '#efb14e',
  'brand-3': '#8b936c',
  'brand-4': '#e591a0',
  'brand-5': '#efccd3',
}

RGB Array

[233, 73, 83], [239, 177, 78], [139, 147, 108], [229, 145, 160], [239, 204, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #E94953, #EFB14E, #8B936C, #E591A0, #EFCCD3 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: #e94953; --color-2: #efb14e; --color-3: #8b936c; --color-4: #e591a0; --color-5: #efccd3. 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