#FF5E5E + #9C9378 + #FFDB6E + #C9C3BB + #E6E1DA · 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

#FF5E5E

Peach Pink · Tomato · Coral Red

HEX

#FF5E5E

RGB

rgb(255, 94, 94)

HSL

hsl(0, 100%, 68%)

HSB

hsb(0, 63%, 100%)

CMYK

cmyk(0%, 63%, 63%, 0%)

Oklch

oklch(69.4% 0.196 23.8)

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

#9C9378

Ginger · Gray · Sunflower

HEX

#9C9378

RGB

rgb(156, 147, 120)

HSL

hsl(45, 15%, 54%)

HSB

hsb(45, 23%, 61%)

CMYK

cmyk(0%, 6%, 23%, 39%)

Oklch

oklch(66.4% 0.040 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FFDB6E

Goose Yellow · Khaki · Sunflower

HEX

#FFDB6E

RGB

rgb(255, 219, 110)

HSL

hsl(45, 100%, 72%)

HSB

hsb(45, 57%, 100%)

CMYK

cmyk(0%, 14%, 57%, 0%)

Oklch

oklch(90.1% 0.134 91.3)

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

#C9C3BB

Goose Yellow · Silver · Peach Orange

HEX

#C9C3BB

RGB

rgb(201, 195, 187)

HSL

hsl(34, 11%, 76%)

HSB

hsb(34, 7%, 79%)

CMYK

cmyk(0%, 3%, 7%, 21%)

Oklch

oklch(82.0% 0.013 75.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E6E1DA

Goose Yellow · LightGray · Peach Orange

HEX

#E6E1DA

RGB

rgb(230, 225, 218)

HSL

hsl(35, 19%, 88%)

HSB

hsb(35, 5%, 90%)

CMYK

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

Oklch

oklch(91.2% 0.011 76.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF5E5E

5CFFFF

Analogous

FF5CAD

FF5E5E

FFAD5C

Triadic

FF5E5E

5CFF5C

5C5CFF

Split-Comp.

FF5E5E

5CFFAD

5CADFF

Tetradic

FF5E5E

ADFF5C

5CFFFF

AD5CFF

Contrast Matrix WCAG 2.1 Contrast

FF5E5E	9C9378	FFDB6E	C9C3BB	E6E1DA
—	1.0 Fail	2.2 Fail	1.7 Fail	2.3 Fail
1.0 Fail	—	2.3 Fail	1.8 Fail	2.4 Fail
2.2 Fail	2.3 Fail	—	1.3 Fail	1.0 Fail
1.7 Fail	1.8 Fail	1.3 Fail	—	1.3 Fail
2.3 Fail	2.4 Fail	1.0 Fail	1.3 Fail	—

White BG

3.0Fail

3.1AA Large

1.3Fail

1.7Fail

1.3Fail

Black BG

7.0AAA

6.9AA

15.6AAA

12.0AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B85E

98987F

EFEF88

C6C6BD

E4E4DC

Deuteranopia

C3CF5E

999980

F2F48F

C7C7BD

E4E5DC

Tritanopia

F75E5E

9C8485

FD9DA2

C9BEBF

E6DDDD

Achromatopsia

8E8E8E

939393

D9D9D9

C4C4C4

E2E2E2

Shades & Tints Shades & Tints

#FF5E5E

Dark

Light

#9C9378

Dark

Light

#FFDB6E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff5e5e;
  --color-2: #9c9378;
  --color-3: #ffdb6e;
  --color-4: #c9c3bb;
  --color-5: #e6e1da;
}

SCSS

$color-1: #ff5e5e;
$color-2: #9c9378;
$color-3: #ffdb6e;
$color-4: #c9c3bb;
$color-5: #e6e1da;

TAILWIND

colors: {
  'brand-1': '#ff5e5e',
  'brand-2': '#9c9378',
  'brand-3': '#ffdb6e',
  'brand-4': '#c9c3bb',
  'brand-5': '#e6e1da',
}

RGB Array

[255, 94, 94], [156, 147, 120], [255, 219, 110], [201, 195, 187], [230, 225, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FF5E5E, #9C9378, #FFDB6E, #C9C3BB, #E6E1DA 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: #ff5e5e; --color-2: #9c9378; --color-3: #ffdb6e; --color-4: #c9c3bb; --color-5: #e6e1da. 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