#90BFB4 + #BDB1B1 + #EDC2A2 + #E67485 + #C09B97 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#90BFB4

Jade · DarkGray · Lake Green

HEX

#90BFB4

RGB

rgb(144, 191, 180)

HSL

hsl(166, 27%, 66%)

HSB

hsb(166, 25%, 75%)

CMYK

cmyk(25%, 0%, 6%, 25%)

Oklch

oklch(76.8% 0.052 178.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BDB1B1

Peach Pink · Silver · Pearl Gray

HEX

#BDB1B1

RGB

rgb(189, 177, 177)

HSL

hsl(0, 8%, 72%)

HSB

hsb(0, 6%, 74%)

CMYK

cmyk(0%, 6%, 6%, 26%)

Oklch

oklch(77.0% 0.014 17.5)

Traditional「Peach Pink」· Paint「Pearl Gray」· Creative Silver Lining

#EDC2A2

Apricot · BurlyWood · Peach Orange

HEX

#EDC2A2

RGB

rgb(237, 194, 162)

HSL

hsl(26, 68%, 78%)

HSB

hsb(26, 32%, 93%)

CMYK

cmyk(0%, 18%, 32%, 7%)

Oklch

oklch(84.4% 0.065 58.4)

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

#E67485

Peach Pink · LightCoral · Coral Red

HEX

#E67485

RGB

rgb(230, 116, 133)

HSL

hsl(351, 70%, 68%)

HSB

hsb(351, 50%, 90%)

CMYK

cmyk(0%, 50%, 42%, 10%)

Oklch

oklch(69.5% 0.142 12.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C09B97

Peach Pink · DarkGray · Coral Red

HEX

#C09B97

RGB

rgb(192, 155, 151)

HSL

hsl(6, 25%, 67%)

HSB

hsb(6, 21%, 75%)

CMYK

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

Oklch

oklch(72.2% 0.045 25.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90BFB4

C0919C

Analogous

91C09D

90BFB4

91B3C0

Triadic

90BFB4

B591C0

C0B591

Split-Comp.

90BFB4

C091B3

C09D91

Tetradic

90BFB4

9D91C0

C0919C

B3C091

Contrast Matrix WCAG 2.1 Contrast

90BFB4	BDB1B1	EDC2A2	E67485	C09B97
—	1.0 Fail	1.2 Fail	1.4 Fail	1.2 Fail
1.0 Fail	—	1.3 Fail	1.4 Fail	1.2 Fail
1.2 Fail	1.3 Fail	—	1.8 Fail	1.5 Fail
1.4 Fail	1.4 Fail	1.8 Fail	—	1.2 Fail
1.2 Fail	1.2 Fail	1.5 Fail	1.2 Fail	—

White BG

2.0Fail

2.1Fail

1.6Fail

2.9Fail

2.5Fail

Black BG

10.3AAA

10.1AAA

12.8AAA

7.2AAA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A5B7

B8B8B1

DADAAA

B5B481

B0B098

Deuteranopia

A29EB7

B9B9B1

DDE0AC

BBC480

B2B598

Tritanopia

92B9B9

BCB1B1

EBB0B1

E07E7D

BE9999

Achromatopsia

B0B0B0

B5B5B5

CBCBCB

989898

A6A6A6

Shades & Tints Shades & Tints

#90BFB4

Dark

Light

#BDB1B1

Dark

Light

#EDC2A2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90bfb4;
  --color-2: #bdb1b1;
  --color-3: #edc2a2;
  --color-4: #e67485;
  --color-5: #c09b97;
}

SCSS

$color-1: #90bfb4;
$color-2: #bdb1b1;
$color-3: #edc2a2;
$color-4: #e67485;
$color-5: #c09b97;

TAILWIND

colors: {
  'brand-1': '#90bfb4',
  'brand-2': '#bdb1b1',
  'brand-3': '#edc2a2',
  'brand-4': '#e67485',
  'brand-5': '#c09b97',
}

RGB Array

[144, 191, 180], [189, 177, 177], [237, 194, 162], [230, 116, 133], [192, 155, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #90BFB4, #BDB1B1, #EDC2A2, #E67485, #C09B97 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: #90bfb4; --color-2: #bdb1b1; --color-3: #edc2a2; --color-4: #e67485; --color-5: #c09b97. 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