#90C5B8 + #DED9BB + #F0B1A9 + #DFB7AC + #C8C2AA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#90C5B8

Jade · DarkGray · Lake Green

HEX

#90C5B8

RGB

rgb(144, 197, 184)

HSL

hsl(165, 31%, 67%)

HSB

hsb(165, 27%, 77%)

CMYK

cmyk(27%, 0%, 7%, 23%)

Oklch

oklch(78.3% 0.058 177.8)

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

#DED9BB

Fresh Green · Wheat · Lemon Cream

HEX

#DED9BB

RGB

rgb(222, 217, 187)

HSL

hsl(51, 35%, 80%)

HSB

hsb(51, 16%, 87%)

CMYK

cmyk(0%, 2%, 16%, 13%)

Oklch

oklch(88.1% 0.040 99.4)

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

#F0B1A9

Peach Pink · LightPink · Coral Red

HEX

#F0B1A9

RGB

rgb(240, 177, 169)

HSL

hsl(7, 70%, 80%)

HSB

hsb(7, 30%, 94%)

CMYK

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

Oklch

oklch(81.7% 0.075 27.0)

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

#DFB7AC

Peach Pink · Tan · Coral Red

HEX

#DFB7AC

RGB

rgb(223, 183, 172)

HSL

hsl(13, 44%, 77%)

HSB

hsb(13, 23%, 87%)

CMYK

cmyk(0%, 18%, 23%, 13%)

Oklch

oklch(81.2% 0.049 35.9)

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

#C8C2AA

Goose Yellow · Silver · Sunflower

HEX

#C8C2AA

RGB

rgb(200, 194, 170)

HSL

hsl(48, 21%, 73%)

HSB

hsb(48, 15%, 78%)

CMYK

cmyk(0%, 3%, 15%, 22%)

Oklch

oklch(81.2% 0.033 95.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90C5B8

C5919E

Analogous

91C59E

90C5B8

91B8C5

Triadic

90C5B8

B891C5

C5B891

Split-Comp.

90C5B8

C591B8

C59E91

Tetradic

90C5B8

9E91C5

C5919E

B8C591

Contrast Matrix WCAG 2.1 Contrast

90C5B8	DED9BB	F0B1A9	DFB7AC	C8C2AA
—	1.4 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.4 Fail	—	1.3 Fail	1.3 Fail	1.3 Fail
1.1 Fail	1.3 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.3 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.3 Fail	1.0 Fail	1.0 Fail	—

White BG

1.9Fail

1.4Fail

1.8Fail

Black BG

10.9AAA

14.7AAA

11.6AAA

11.5AAA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A7BB

DCDCC2

D5D4AB

CECDAF

C5C5B0

Deuteranopia

A4A0BC

DCDCC4

D8DDAB

D0D3AF

C6C6B1

Tritanopia

93BEBE

DEC8C9

EDACAD

DDB1B1

C8B4B5

Achromatopsia

B4B4B4

D7D7D7

C3C3C3

C2C2C2

C1C1C1

Shades & Tints Shades & Tints

#90C5B8

Dark

Light

#DED9BB

Dark

Light

#F0B1A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90c5b8;
  --color-2: #ded9bb;
  --color-3: #f0b1a9;
  --color-4: #dfb7ac;
  --color-5: #c8c2aa;
}

SCSS

$color-1: #90c5b8;
$color-2: #ded9bb;
$color-3: #f0b1a9;
$color-4: #dfb7ac;
$color-5: #c8c2aa;

TAILWIND

colors: {
  'brand-1': '#90c5b8',
  'brand-2': '#ded9bb',
  'brand-3': '#f0b1a9',
  'brand-4': '#dfb7ac',
  'brand-5': '#c8c2aa',
}

RGB Array

[144, 197, 184], [222, 217, 187], [240, 177, 169], [223, 183, 172], [200, 194, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #90C5B8, #DED9BB, #F0B1A9, #DFB7AC, #C8C2AA 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: #90c5b8; --color-2: #ded9bb; --color-3: #f0b1a9; --color-4: #dfb7ac; --color-5: #c8c2aa. 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