#DA535A + #B47B6A + #C39A7C + #D4B99B + #E5DDC8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DA535A

Vermilion · Tomato · Passion Red

HEX

#DA535A

RGB

rgb(218, 83, 90)

HSL

hsl(357, 65%, 59%)

HSB

hsb(357, 62%, 85%)

CMYK

cmyk(0%, 62%, 59%, 15%)

Oklch

oklch(62.3% 0.169 20.5)

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

#B47B6A

Crimson · Gray · Passion Red

HEX

#B47B6A

RGB

rgb(180, 123, 106)

HSL

hsl(14, 33%, 56%)

HSB

hsb(14, 41%, 71%)

CMYK

cmyk(0%, 32%, 41%, 29%)

Oklch

oklch(63.7% 0.076 37.3)

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

#C39A7C

Apricot · Tan · Warm Sun

HEX

#C39A7C

RGB

rgb(195, 154, 124)

HSL

hsl(25, 37%, 63%)

HSB

hsb(25, 36%, 76%)

CMYK

cmyk(0%, 21%, 36%, 24%)

Oklch

oklch(71.7% 0.064 57.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D4B99B

Goose Yellow · Tan · Warm Sun

HEX

#D4B99B

RGB

rgb(212, 185, 155)

HSL

hsl(32, 40%, 72%)

HSB

hsb(32, 27%, 83%)

CMYK

cmyk(0%, 13%, 27%, 17%)

Oklch

oklch(80.1% 0.051 69.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E5DDC8

Goose Yellow · LightGray · Lemon Cream

HEX

#E5DDC8

RGB

rgb(229, 221, 200)

HSL

hsl(43, 36%, 84%)

HSB

hsb(43, 13%, 90%)

CMYK

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

Oklch

oklch(89.8% 0.029 89.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA535A

52DAD4

Analogous

DA529D

DA535A

DA9052

Triadic

DA535A

59DA52

5259DA

Split-Comp.

DA535A

52DA90

529DDA

Tetradic

DA535A

9DDA52

52DAD4

9052DA

Contrast Matrix WCAG 2.1 Contrast

DA535A	B47B6A	C39A7C	D4B99B	E5DDC8
—	1.1 Fail	1.5 Fail	2.1 Fail	2.9 Fail
1.1 Fail	—	1.4 Fail	1.9 Fail	2.6 Fail
1.5 Fail	1.4 Fail	—	1.4 Fail	1.9 Fail
2.1 Fail	1.9 Fail	1.4 Fail	—	1.4 Fail
2.9 Fail	2.6 Fail	1.9 Fail	1.4 Fail	—

White BG

3.9AA Large

3.5AA Large

2.6Fail

1.9Fail

1.4Fail

Black BG

5.4AA

6.0AA

8.2AAA

11.2AAA

15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09E58

9B9B6E

B1B183

C8C8A2

E2E1CD

Deuteranopia

A7B258

9FA36F

B4B785

CACCA4

E2E3CE

Tritanopia

D35757

B17172

C1898A

D3A8A9

E5D1D2

Achromatopsia

7C7C7C

8A8A8A

A3A3A3

BEBEBE

DDDDDD

Shades & Tints Shades & Tints

#DA535A

Dark

Light

#B47B6A

Dark

Light

#C39A7C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da535a;
  --color-2: #b47b6a;
  --color-3: #c39a7c;
  --color-4: #d4b99b;
  --color-5: #e5ddc8;
}

SCSS

$color-1: #da535a;
$color-2: #b47b6a;
$color-3: #c39a7c;
$color-4: #d4b99b;
$color-5: #e5ddc8;

TAILWIND

colors: {
  'brand-1': '#da535a',
  'brand-2': '#b47b6a',
  'brand-3': '#c39a7c',
  'brand-4': '#d4b99b',
  'brand-5': '#e5ddc8',
}

RGB Array

[218, 83, 90], [180, 123, 106], [195, 154, 124], [212, 185, 155], [229, 221, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DA535A, #B47B6A, #C39A7C, #D4B99B, #E5DDC8 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: #da535a; --color-2: #b47b6a; --color-3: #c39a7c; --color-4: #d4b99b; --color-5: #e5ddc8. 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