#EA9696 + #F5D3D3 + #FFFAF0 + #D9E7CB + #85BF96 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EA9696

Peach Pink · DarkSalmon · Coral Red

HEX

#EA9696

RGB

rgb(234, 150, 150)

HSL

hsl(0, 67%, 75%)

HSB

hsb(0, 36%, 92%)

CMYK

cmyk(0%, 36%, 36%, 8%)

Oklch

oklch(75.8% 0.102 19.7)

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

#F5D3D3

Peach Pink · Pink · Cherry Blossom

HEX

#F5D3D3

RGB

rgb(245, 211, 211)

HSL

hsl(0, 63%, 89%)

HSB

hsb(0, 14%, 96%)

CMYK

cmyk(0%, 14%, 14%, 4%)

Oklch

oklch(89.5% 0.038 17.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFFAF0

Goose Yellow · SeaShell · Lemon Cream

HEX

#FFFAF0

RGB

rgb(255, 250, 240)

HSL

hsl(40, 100%, 97%)

HSB

hsb(40, 6%, 100%)

CMYK

cmyk(0%, 2%, 6%, 0%)

Oklch

oklch(98.6% 0.014 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D9E7CB

Celadon · LightGray · Mint Green

HEX

#D9E7CB

RGB

rgb(217, 231, 203)

HSL

hsl(90, 37%, 85%)

HSB

hsb(90, 12%, 91%)

CMYK

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

Oklch

oklch(91.0% 0.040 129.0)

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

#85BF96

Celadon · DarkSeaGreen · Apple Green

HEX

#85BF96

RGB

rgb(133, 191, 150)

HSL

hsl(138, 31%, 64%)

HSB

hsb(138, 30%, 75%)

CMYK

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

Oklch

oklch(75.3% 0.084 153.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA9696

95EAEA

Analogous

EA95BF

EA9696

EABF95

Triadic

EA9696

95EA95

9595EA

Split-Comp.

EA9696

95EABF

95BFEA

Tetradic

EA9696

BFEA95

95EAEA

BF95EA

Contrast Matrix WCAG 2.1 Contrast

EA9696	F5D3D3	FFFAF0	D9E7CB	85BF96
—	1.6 Fail	2.2 Fail	1.7 Fail	1.1 Fail
1.6 Fail	—	1.3 Fail	1.1 Fail	1.5 Fail
2.2 Fail	1.3 Fail	—	1.2 Fail	2.0 Fail
1.7 Fail	1.1 Fail	1.2 Fail	—	1.6 Fail
1.1 Fail	1.5 Fail	2.0 Fail	1.6 Fail	—

White BG

2.3Fail

1.4Fail

1.0Fail

1.3Fail

2.1Fail

Black BG

9.3AAA

15.1AAA

20.2AAA

16.2AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C596

E6E6D3

FDFDF2

DFDFD2

9E9FA0

Deuteranopia

CBD196

E8EBD3

FDFEF3

DEDDD3

9B96A2

Tritanopia

E69696

F3D3D3

FFF4F5

DAD7D8

88A8A9

Achromatopsia

AFAFAF

DDDDDD

FAFAFA

E0E0E0

A9A9A9

Shades & Tints Shades & Tints

#EA9696

Dark

Light

#F5D3D3

Dark

Light

#FFFAF0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea9696;
  --color-2: #f5d3d3;
  --color-3: #fffaf0;
  --color-4: #d9e7cb;
  --color-5: #85bf96;
}

SCSS

$color-1: #ea9696;
$color-2: #f5d3d3;
$color-3: #fffaf0;
$color-4: #d9e7cb;
$color-5: #85bf96;

TAILWIND

colors: {
  'brand-1': '#ea9696',
  'brand-2': '#f5d3d3',
  'brand-3': '#fffaf0',
  'brand-4': '#d9e7cb',
  'brand-5': '#85bf96',
}

RGB Array

[234, 150, 150], [245, 211, 211], [255, 250, 240], [217, 231, 203], [133, 191, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA9696, #F5D3D3, #FFFAF0, #D9E7CB, #85BF96 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: #ea9696; --color-2: #f5d3d3; --color-3: #fffaf0; --color-4: #d9e7cb; --color-5: #85bf96. 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