#E9807B + #BDB6A0 + #BDDDB3 + #DAE194 + #B9B962 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E9807B

Peach Pink · LightCoral · Coral Red

HEX

#E9807B

RGB

rgb(233, 128, 123)

HSL

hsl(3, 71%, 70%)

HSB

hsb(3, 47%, 91%)

CMYK

cmyk(0%, 45%, 47%, 9%)

Oklch

oklch(71.4% 0.130 23.7)

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

#BDB6A0

Ginger · DarkGray · Sunflower

HEX

#BDB6A0

RGB

rgb(189, 182, 160)

HSL

hsl(46, 18%, 68%)

HSB

hsb(46, 15%, 74%)

CMYK

cmyk(0%, 4%, 15%, 26%)

Oklch

oklch(77.6% 0.031 92.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#BDDDB3

Celadon · Silver · Apple Green

HEX

#BDDDB3

RGB

rgb(189, 221, 179)

HSL

hsl(106, 38%, 78%)

HSB

hsb(106, 19%, 87%)

CMYK

cmyk(14%, 0%, 19%, 13%)

Oklch

oklch(86.3% 0.066 138.3)

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

#DAE194

Fresh Green · Khaki · Sunflower

HEX

#DAE194

RGB

rgb(218, 225, 148)

HSL

hsl(65, 56%, 73%)

HSB

hsb(65, 34%, 88%)

CMYK

cmyk(3%, 0%, 34%, 12%)

Oklch

oklch(88.7% 0.099 112.6)

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

#B9B962

Autumn Sage · Tan · Sunflower

HEX

#B9B962

RGB

rgb(185, 185, 98)

HSL

hsl(60, 38%, 55%)

HSB

hsb(60, 47%, 73%)

CMYK

cmyk(0%, 0%, 47%, 27%)

Oklch

oklch(76.7% 0.110 108.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9807B

7CE3E9

Analogous

E97CAD

E9807B

E9B87C

Triadic

E9807B

7CE982

827CE9

Split-Comp.

E9807B

7CE9B8

7CADE9

Tetradic

E9807B

ADE97C

7CE3E9

B87CE9

Contrast Matrix WCAG 2.1 Contrast

E9807B	BDB6A0	BDDDB3	DAE194	B9B962
—	1.3 Fail	1.8 Fail	1.9 Fail	1.3 Fail
1.3 Fail	—	1.4 Fail	1.5 Fail	1.0 Fail
1.8 Fail	1.4 Fail	—	1.1 Fail	1.4 Fail
1.9 Fail	1.5 Fail	1.1 Fail	—	1.5 Fail
1.3 Fail	1.0 Fail	1.4 Fail	1.5 Fail	—

White BG

2.7Fail

2.0Fail

1.5Fail

1.4Fail

2.1Fail

Black BG

7.8AAA

10.4AAA

14.2AAA

15.2AAA

10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB7C

BABAA5

CBCBBD

DDDDA7

B9B977

Deuteranopia

C2CA7D

BABBA7

C9C7C0

DDDCAB

B9B97C

Tritanopia

E47D7D

BDAAAA

BFC5C7

DAB5B9

B9888B

Achromatopsia

9F9F9F

B6B6B6

CFCFCF

D6D6D6

AFAFAF

Shades & Tints Shades & Tints

#E9807B

Dark

Light

#BDB6A0

Dark

Light

#BDDDB3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9807b;
  --color-2: #bdb6a0;
  --color-3: #bdddb3;
  --color-4: #dae194;
  --color-5: #b9b962;
}

SCSS

$color-1: #e9807b;
$color-2: #bdb6a0;
$color-3: #bdddb3;
$color-4: #dae194;
$color-5: #b9b962;

TAILWIND

colors: {
  'brand-1': '#e9807b',
  'brand-2': '#bdb6a0',
  'brand-3': '#bdddb3',
  'brand-4': '#dae194',
  'brand-5': '#b9b962',
}

RGB Array

[233, 128, 123], [189, 182, 160], [189, 221, 179], [218, 225, 148], [185, 185, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9807B, #BDB6A0, #BDDDB3, #DAE194, #B9B962 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: #e9807b; --color-2: #bdb6a0; --color-3: #bdddb3; --color-4: #dae194; --color-5: #b9b962. 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