#EFA38B + #F2C8AC + #E2EBC0 + #C4DBC1 + #9AD7B7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFA38B

Peach Pink · DarkSalmon · Coral Red

HEX

#EFA38B

RGB

rgb(239, 163, 139)

HSL

hsl(14, 76%, 74%)

HSB

hsb(14, 42%, 94%)

CMYK

cmyk(0%, 32%, 42%, 6%)

Oklch

oklch(78.4% 0.097 38.3)

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

#F2C8AC

Apricot · Wheat · Peach Orange

HEX

#F2C8AC

RGB

rgb(242, 200, 172)

HSL

hsl(24, 73%, 81%)

HSB

hsb(24, 29%, 95%)

CMYK

cmyk(0%, 17%, 29%, 5%)

Oklch

oklch(86.2% 0.061 55.4)

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

#E2EBC0

Willow Green · Wheat · Mint Green

HEX

#E2EBC0

RGB

rgb(226, 235, 192)

HSL

hsl(73, 52%, 84%)

HSB

hsb(73, 18%, 92%)

CMYK

cmyk(4%, 0%, 18%, 8%)

Oklch

oklch(92.2% 0.057 117.1)

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

#C4DBC1

Celadon · LightGray · Mint Green

HEX

#C4DBC1

RGB

rgb(196, 219, 193)

HSL

hsl(113, 27%, 81%)

HSB

hsb(113, 12%, 86%)

CMYK

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

Oklch

oklch(86.7% 0.043 142.0)

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

#9AD7B7

Celadon · Silver · Apple Green

HEX

#9AD7B7

RGB

rgb(154, 215, 183)

HSL

hsl(149, 43%, 72%)

HSB

hsb(149, 28%, 84%)

CMYK

cmyk(28%, 0%, 15%, 16%)

Oklch

oklch(82.9% 0.077 161.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFA38B

8AD8EF

Analogous

EF8AA5

EFA38B

EFD48A

Triadic

EFA38B

8AEFA2

A28AEF

Split-Comp.

EFA38B

8AEFD4

8AA5EF

Tetradic

EFA38B

A5EF8A

8AD8EF

D48AEF

Contrast Matrix WCAG 2.1 Contrast

EFA38B	F2C8AC	E2EBC0	C4DBC1	9AD7B7
—	1.3 Fail	1.6 Fail	1.4 Fail	1.2 Fail
1.3 Fail	—	1.2 Fail	1.0 Fail	1.1 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.4 Fail	1.0 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	1.3 Fail	1.1 Fail	—

White BG

2.0Fail

1.5Fail

1.2Fail

1.5Fail

1.6Fail

Black BG

10.3AAA

13.6AAA

16.9AAA

14.2AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD91

E0DFB3

E6E6CA

CECEC7

B4B5BF

Deuteranopia

D3D892

E2E5B4

E5E5CD

CDCBC9

B1ACC1

Tritanopia

EB9596

F0B8B9

E2D3D4

C5CCCD

9DC5C6

Achromatopsia

B7B7B7

D1D1D1

E3E3E3

D1D1D1

C1C1C1

Shades & Tints Shades & Tints

#EFA38B

Dark

Light

#F2C8AC

Dark

Light

#E2EBC0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efa38b;
  --color-2: #f2c8ac;
  --color-3: #e2ebc0;
  --color-4: #c4dbc1;
  --color-5: #9ad7b7;
}

SCSS

$color-1: #efa38b;
$color-2: #f2c8ac;
$color-3: #e2ebc0;
$color-4: #c4dbc1;
$color-5: #9ad7b7;

TAILWIND

colors: {
  'brand-1': '#efa38b',
  'brand-2': '#f2c8ac',
  'brand-3': '#e2ebc0',
  'brand-4': '#c4dbc1',
  'brand-5': '#9ad7b7',
}

RGB Array

[239, 163, 139], [242, 200, 172], [226, 235, 192], [196, 219, 193], [154, 215, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFA38B, #F2C8AC, #E2EBC0, #C4DBC1, #9AD7B7 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: #efa38b; --color-2: #f2c8ac; --color-3: #e2ebc0; --color-4: #c4dbc1; --color-5: #9ad7b7. 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