#EC3972 + #EC975F + #D6D37F + #E0F3DB + #ADD8C0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EC3972

Dark Violet · DeepPink · Rose Pink

HEX

#EC3972

RGB

rgb(236, 57, 114)

HSL

hsl(341, 82%, 57%)

HSB

hsb(341, 76%, 93%)

CMYK

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

Oklch

oklch(63.1% 0.215 7.4)

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

#EC975F

Apricot · SandyBrown · Warm Sun

HEX

#EC975F

RGB

rgb(236, 151, 95)

HSL

hsl(24, 79%, 65%)

HSB

hsb(24, 60%, 93%)

CMYK

cmyk(0%, 36%, 60%, 7%)

Oklch

oklch(75.2% 0.125 53.1)

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

#D6D37F

Fresh Green · BurlyWood · Sunflower

HEX

#D6D37F

RGB

rgb(214, 211, 127)

HSL

hsl(58, 51%, 67%)

HSB

hsb(58, 41%, 84%)

CMYK

cmyk(0%, 1%, 41%, 16%)

Oklch

oklch(85.1% 0.106 106.7)

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

#E0F3DB

Celadon · Beige · Mint Green

HEX

#E0F3DB

RGB

rgb(224, 243, 219)

HSL

hsl(107, 50%, 91%)

HSB

hsb(107, 10%, 95%)

CMYK

cmyk(8%, 0%, 10%, 5%)

Oklch

oklch(94.4% 0.038 139.2)

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

#ADD8C0

Celadon · Silver · Apple Green

HEX

#ADD8C0

RGB

rgb(173, 216, 192)

HSL

hsl(147, 36%, 76%)

HSB

hsb(147, 20%, 85%)

CMYK

cmyk(20%, 0%, 11%, 15%)

Oklch

oklch(84.5% 0.056 160.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC3972

37EBB2

Analogous

EB37CA

EC3972

EB5837

Triadic

EC3972

70EB37

3770EB

Split-Comp.

EC3972

37EB58

37CAEB

Tetradic

EC3972

CAEB37

37EBB2

5837EB

Contrast Matrix WCAG 2.1 Contrast

EC3972	EC975F	D6D37F	E0F3DB	ADD8C0
—	1.7 Fail	2.5 Fail	3.3 AA Large	2.5 Fail
1.7 Fail	—	1.5 Fail	2.0 Fail	1.5 Fail
2.5 Fail	1.5 Fail	—	1.3 Fail	1.0 Fail
3.3 AA Large	2.0 Fail	1.3 Fail	—	1.3 Fail
2.5 Fail	1.5 Fail	1.0 Fail	1.3 Fail	—

White BG

3.9AA Large

2.3Fail

1.6Fail

1.2Fail

1.6Fail

Black BG

5.4AA

9.2AAA

13.5AAA

18.0AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9D64

C7C66D

D5D593

E8E8E1

C0C0C6

Deuteranopia

A9B661

CCD370

D5D598

E7E6E2

BDBAC7

Tritanopia

E35957

E8777A

D6A3A7

E1E5E6

AFCACB

Achromatopsia

757575

AAAAAA

CACACA

EBEBEB

C8C8C8

Shades & Tints Shades & Tints

#EC3972

Dark

Light

#EC975F

Dark

Light

#D6D37F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec3972;
  --color-2: #ec975f;
  --color-3: #d6d37f;
  --color-4: #e0f3db;
  --color-5: #add8c0;
}

SCSS

$color-1: #ec3972;
$color-2: #ec975f;
$color-3: #d6d37f;
$color-4: #e0f3db;
$color-5: #add8c0;

TAILWIND

colors: {
  'brand-1': '#ec3972',
  'brand-2': '#ec975f',
  'brand-3': '#d6d37f',
  'brand-4': '#e0f3db',
  'brand-5': '#add8c0',
}

RGB Array

[236, 57, 114], [236, 151, 95], [214, 211, 127], [224, 243, 219], [173, 216, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC3972, #EC975F, #D6D37F, #E0F3DB, #ADD8C0 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: #ec3972; --color-2: #ec975f; --color-3: #d6d37f; --color-4: #e0f3db; --color-5: #add8c0. 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 general-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