#D05C5E + #FFB09B + #FEEBCE + #CDDFD9 + #B0CFC8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D05C5E

Crimson · Tomato · Passion Red

HEX

#D05C5E

RGB

rgb(208, 92, 94)

HSL

hsl(359, 55%, 59%)

HSB

hsb(359, 56%, 82%)

CMYK

cmyk(0%, 56%, 55%, 18%)

Oklch

oklch(62.0% 0.147 21.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FFB09B

Peach Pink · LightSalmon · Coral Red

HEX

#FFB09B

RGB

rgb(255, 176, 155)

HSL

hsl(13, 100%, 80%)

HSB

hsb(13, 39%, 100%)

CMYK

cmyk(0%, 31%, 39%, 0%)

Oklch

oklch(82.8% 0.098 35.5)

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

#FEEBCE

Goose Yellow · Bisque · Peach Orange

HEX

#FEEBCE

RGB

rgb(254, 235, 206)

HSL

hsl(36, 96%, 90%)

HSB

hsb(36, 19%, 100%)

CMYK

cmyk(0%, 7%, 19%, 0%)

Oklch

oklch(94.8% 0.043 78.5)

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

#CDDFD9

Jade · LightGray · Glacier Blue

HEX

#CDDFD9

RGB

rgb(205, 223, 217)

HSL

hsl(160, 22%, 84%)

HSB

hsb(160, 8%, 87%)

CMYK

cmyk(8%, 0%, 3%, 13%)

Oklch

oklch(88.8% 0.021 173.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#B0CFC8

Jade · Silver · Lake Green

HEX

#B0CFC8

RGB

rgb(176, 207, 200)

HSL

hsl(166, 24%, 75%)

HSB

hsb(166, 15%, 81%)

CMYK

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

Oklch

oklch(83.0% 0.035 180.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D05C5E

5DD0CE

Analogous

D05D98

D05C5E

D0955D

Triadic

D05C5E

5FD05D

5D5FD0

Split-Comp.

D05C5E

5DD095

5D98D0

Tetradic

D05C5E

98D05D

5DD0CE

955DD0

Contrast Matrix WCAG 2.1 Contrast

D05C5E	FFB09B	FEEBCE	CDDFD9	B0CFC8
—	2.2 Fail	3.3 AA Large	2.8 Fail	2.3 Fail
2.2 Fail	—	1.5 Fail	1.3 Fail	1.1 Fail
3.3 AA Large	1.5 Fail	—	1.2 Fail	1.4 Fail
2.8 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
2.3 Fail	1.1 Fail	1.4 Fail	1.2 Fail	—

White BG

3.9AA Large

1.8Fail

1.2Fail

1.4Fail

1.7Fail

Black BG

5.4AA

11.9AAA

18.0AAA

15.2AAA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9D5E

DDDCA0

F6F6D5

D5D5DA

BDBECA

Deuteranopia

A5AD5D

E1E7A1

F7F8D7

D4D2DB

BCB9CA

Tritanopia

CA5D5D

FBA4A5

FDDBDC

CEDCDC

B2CBCB

Achromatopsia

7F7F7F

C5C5C5

EDEDED

D9D9D9

C5C5C5

Shades & Tints Shades & Tints

#D05C5E

Dark

Light

#FFB09B

Dark

Light

#FEEBCE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d05c5e;
  --color-2: #ffb09b;
  --color-3: #feebce;
  --color-4: #cddfd9;
  --color-5: #b0cfc8;
}

SCSS

$color-1: #d05c5e;
$color-2: #ffb09b;
$color-3: #feebce;
$color-4: #cddfd9;
$color-5: #b0cfc8;

TAILWIND

colors: {
  'brand-1': '#d05c5e',
  'brand-2': '#ffb09b',
  'brand-3': '#feebce',
  'brand-4': '#cddfd9',
  'brand-5': '#b0cfc8',
}

RGB Array

[208, 92, 94], [255, 176, 155], [254, 235, 206], [205, 223, 217], [176, 207, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D05C5E, #FFB09B, #FEEBCE, #CDDFD9, #B0CFC8 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: #d05c5e; --color-2: #ffb09b; --color-3: #feebce; --color-4: #cddfd9; --color-5: #b0cfc8. 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