#D94E34 + #C89D6D + #AEBFA1 + #D5E3DC + #EEDCD2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D94E34

Vermilion · Chocolate · Passion Red

HEX

#D94E34

RGB

rgb(217, 78, 52)

HSL

hsl(9, 68%, 53%)

HSB

hsb(9, 76%, 85%)

CMYK

cmyk(0%, 64%, 76%, 15%)

Oklch

oklch(60.9% 0.179 32.7)

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

#C89D6D

Ginger · DarkSalmon · Warm Sun

HEX

#C89D6D

RGB

rgb(200, 157, 109)

HSL

hsl(32, 45%, 61%)

HSB

hsb(32, 46%, 78%)

CMYK

cmyk(0%, 21%, 45%, 22%)

Oklch

oklch(72.5% 0.082 69.0)

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

#AEBFA1

Celadon · DarkGray · Apple Green

HEX

#AEBFA1

RGB

rgb(174, 191, 161)

HSL

hsl(94, 19%, 69%)

HSB

hsb(94, 16%, 75%)

CMYK

cmyk(9%, 0%, 16%, 25%)

Oklch

oklch(78.3% 0.046 131.6)

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

#D5E3DC

Jade · LightGray · Mint Green

HEX

#D5E3DC

RGB

rgb(213, 227, 220)

HSL

hsl(150, 20%, 86%)

HSB

hsb(150, 6%, 89%)

CMYK

cmyk(6%, 0%, 3%, 11%)

Oklch

oklch(90.3% 0.018 164.6)

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

#EEDCD2

Apricot · Bisque · Peach Orange

HEX

#EEDCD2

RGB

rgb(238, 220, 210)

HSL

hsl(21, 45%, 88%)

HSB

hsb(21, 12%, 93%)

CMYK

cmyk(0%, 8%, 12%, 7%)

Oklch

oklch(90.6% 0.024 51.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D94E34

36C0D9

Analogous

D9366F

D94E34

D9A036

Triadic

D94E34

36D94E

4E36D9

Split-Comp.

D94E34

36D9A0

366FD9

Tetradic

D94E34

6FD936

36C0D9

A036D9

Contrast Matrix WCAG 2.1 Contrast

D94E34	C89D6D	AEBFA1	D5E3DC	EEDCD2
—	1.7 Fail	2.1 Fail	3.1 AA Large	3.1 AA Large
1.7 Fail	—	1.3 Fail	1.9 Fail	1.9 Fail
2.1 Fail	1.3 Fail	—	1.5 Fail	1.5 Fail
3.1 AA Large	1.9 Fail	1.5 Fail	—	1.0 Fail
3.1 AA Large	1.9 Fail	1.5 Fail	1.0 Fail	—

White BG

4.1AA Large

2.5Fail

2.0Fail

1.3Fail

Black BG

5.1AA

8.5AAA

10.8AAA

15.9AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C3A

B5B579

B5B6A8

DBDBDE

E6E6D4

Deuteranopia

A5AF3C

B8BB7B

B4B3AA

DAD9DE

E7E9D5

Tritanopia

D23F40

C68284

AFAEAF

D6DFDF

EDD6D7

Achromatopsia

757575

A4A4A4

B6B6B6

DEDEDE

E0E0E0

Shades & Tints Shades & Tints

#D94E34

Dark

Light

#C89D6D

Dark

Light

#AEBFA1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d94e34;
  --color-2: #c89d6d;
  --color-3: #aebfa1;
  --color-4: #d5e3dc;
  --color-5: #eedcd2;
}

SCSS

$color-1: #d94e34;
$color-2: #c89d6d;
$color-3: #aebfa1;
$color-4: #d5e3dc;
$color-5: #eedcd2;

TAILWIND

colors: {
  'brand-1': '#d94e34',
  'brand-2': '#c89d6d',
  'brand-3': '#aebfa1',
  'brand-4': '#d5e3dc',
  'brand-5': '#eedcd2',
}

RGB Array

[217, 78, 52], [200, 157, 109], [174, 191, 161], [213, 227, 220], [238, 220, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D94E34, #C89D6D, #AEBFA1, #D5E3DC, #EEDCD2 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: #d94e34; --color-2: #c89d6d; --color-3: #aebfa1; --color-4: #d5e3dc; --color-5: #eedcd2. 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