#E97365 + #FAAA95 + #DADB99 + #CFE793 + #9F8C6C · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E97365

Peach Pink · Salmon · Coral Red

HEX

#E97365

RGB

rgb(233, 115, 101)

HSL

hsl(6, 75%, 65%)

HSB

hsb(6, 57%, 91%)

CMYK

cmyk(0%, 51%, 57%, 9%)

Oklch

oklch(69.0% 0.149 28.4)

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

#FAAA95

Peach Pink · LightSalmon · Coral Red

HEX

#FAAA95

RGB

rgb(250, 170, 149)

HSL

hsl(12, 91%, 78%)

HSB

hsb(12, 40%, 98%)

CMYK

cmyk(0%, 32%, 40%, 2%)

Oklch

oklch(81.0% 0.100 35.3)

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

#DADB99

Fresh Green · Khaki · Sunflower

HEX

#DADB99

RGB

rgb(218, 219, 153)

HSL

hsl(61, 48%, 73%)

HSB

hsb(61, 30%, 86%)

CMYK

cmyk(0%, 0%, 30%, 14%)

Oklch

oklch(87.5% 0.085 108.8)

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

#CFE793

Willow Green · Khaki · Apple Green

HEX

#CFE793

RGB

rgb(207, 231, 147)

HSL

hsl(77, 64%, 74%)

HSB

hsb(77, 36%, 91%)

CMYK

cmyk(10%, 0%, 36%, 9%)

Oklch

oklch(89.1% 0.111 121.7)

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

#9F8C6C

Ginger · Gray · Warm Sun

HEX

#9F8C6C

RGB

rgb(159, 140, 108)

HSL

hsl(38, 21%, 52%)

HSB

hsb(38, 32%, 62%)

CMYK

cmyk(0%, 12%, 32%, 38%)

Oklch

oklch(64.9% 0.050 80.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E97365

63DBE9

Analogous

E96398

E97365

E9B363

Triadic

E97365

63E970

7063E9

Split-Comp.

E97365

63E9B3

6398E9

Tetradic

E97365

98E963

63DBE9

B363E9

Contrast Matrix WCAG 2.1 Contrast

E97365	FAAA95	DADB99	CFE793	9F8C6C
—	1.6 Fail	2.1 Fail	2.2 Fail	1.1 Fail
1.6 Fail	—	1.3 Fail	1.4 Fail	1.7 Fail
2.1 Fail	1.3 Fail	—	1.1 Fail	2.3 Fail
2.2 Fail	1.4 Fail	1.1 Fail	—	2.4 Fail
1.1 Fail	1.7 Fail	2.3 Fail	2.4 Fail	—

White BG

3.0Fail

1.9Fail

1.4Fail

3.3AA Large

Black BG

7.1AAA

11.2AAA

14.6AAA

15.5AAA

6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B568

D7D79A

DADAA9

D9DAA7

979774

Deuteranopia

BDC669

DCE29B

DADAAD

D8D6AC

989976

Tritanopia

E36B6C

F69E9F

DAB6B8

D0B7BB

9E7A7B

Achromatopsia

959595

C0C0C0

D3D3D3

D6D6D6

8E8E8E

Shades & Tints Shades & Tints

#E97365

Dark

Light

#FAAA95

Dark

Light

#DADB99

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e97365;
  --color-2: #faaa95;
  --color-3: #dadb99;
  --color-4: #cfe793;
  --color-5: #9f8c6c;
}

SCSS

$color-1: #e97365;
$color-2: #faaa95;
$color-3: #dadb99;
$color-4: #cfe793;
$color-5: #9f8c6c;

TAILWIND

colors: {
  'brand-1': '#e97365',
  'brand-2': '#faaa95',
  'brand-3': '#dadb99',
  'brand-4': '#cfe793',
  'brand-5': '#9f8c6c',
}

RGB Array

[233, 115, 101], [250, 170, 149], [218, 219, 153], [207, 231, 147], [159, 140, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E97365, #FAAA95, #DADB99, #CFE793, #9F8C6C 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: #e97365; --color-2: #faaa95; --color-3: #dadb99; --color-4: #cfe793; --color-5: #9f8c6c. 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 pastel-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