#DDCAA2 + #AEBEA3 + #B97479 + #D83957 + #4E5C69 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DDCAA2

Goose Yellow · BurlyWood · Sunflower

HEX

#DDCAA2

RGB

rgb(221, 202, 162)

HSL

hsl(41, 46%, 75%)

HSB

hsb(41, 27%, 87%)

CMYK

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

Oklch

oklch(84.5% 0.057 85.5)

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

#AEBEA3

Celadon · DarkGray · Apple Green

HEX

#AEBEA3

RGB

rgb(174, 190, 163)

HSL

hsl(96, 17%, 69%)

HSB

hsb(96, 14%, 75%)

CMYK

cmyk(8%, 0%, 14%, 25%)

Oklch

oklch(78.2% 0.041 132.5)

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

#B97479

Crimson · LightCoral · Passion Red

HEX

#B97479

RGB

rgb(185, 116, 121)

HSL

hsl(356, 33%, 59%)

HSB

hsb(356, 37%, 73%)

CMYK

cmyk(0%, 37%, 35%, 27%)

Oklch

oklch(63.4% 0.087 15.1)

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

#D83957

Vermilion · Crimson · Passion Red

HEX

#D83957

RGB

rgb(216, 57, 87)

HSL

hsl(349, 67%, 54%)

HSB

hsb(349, 74%, 85%)

CMYK

cmyk(0%, 74%, 60%, 15%)

Oklch

oklch(59.1% 0.194 15.0)

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

#4E5C69

Slate Blue · DimGray · Prussian Blue

HEX

#4E5C69

RGB

rgb(78, 92, 105)

HSL

hsl(209, 15%, 36%)

HSB

hsb(209, 26%, 41%)

CMYK

cmyk(26%, 12%, 0%, 59%)

Oklch

oklch(46.8% 0.027 246.4)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDCAA2

A2B4DD

Analogous

DDADA2

DDCAA2

D2DDA2

Triadic

DDCAA2

A2DDCA

CAA2DD

Split-Comp.

DDCAA2

A2D2DD

ADA2DD

Tetradic

DDCAA2

A2DDAD

A2B4DD

DDA2D2

Contrast Matrix WCAG 2.1 Contrast

DDCAA2	AEBEA3	B97479	D83957	4E5C69
—	1.2 Fail	2.2 Fail	2.8 Fail	4.3 AA Large
1.2 Fail	—	1.8 Fail	2.3 Fail	3.5 AA Large
2.2 Fail	1.8 Fail	—	1.3 Fail	1.9 Fail
2.8 Fail	2.3 Fail	1.3 Fail	—	1.5 Fail
4.3 AA Large	3.5 AA Large	1.9 Fail	1.5 Fail	—

White BG

1.6Fail

2.0Fail

3.6AA Large

4.5AA

6.9AA

Black BG

13.0AAA

10.7AAA

5.8AA

4.6AA

3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5AC

B5B5AA

9B9B78

939250

545466

Deuteranopia

D6D7AE

B4B3AB

9FA477

9CA84E

535265

Tritanopia

DCB3B5

AFAFB0

B67777

D04A49

4F6363

Achromatopsia

CBCBCB

B6B6B6

898989

6C6C6C

595959

Shades & Tints Shades & Tints

#DDCAA2

Dark

Light

#AEBEA3

Dark

Light

#B97479

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddcaa2;
  --color-2: #aebea3;
  --color-3: #b97479;
  --color-4: #d83957;
  --color-5: #4e5c69;
}

SCSS

$color-1: #ddcaa2;
$color-2: #aebea3;
$color-3: #b97479;
$color-4: #d83957;
$color-5: #4e5c69;

TAILWIND

colors: {
  'brand-1': '#ddcaa2',
  'brand-2': '#aebea3',
  'brand-3': '#b97479',
  'brand-4': '#d83957',
  'brand-5': '#4e5c69',
}

RGB Array

[221, 202, 162], [174, 190, 163], [185, 116, 121], [216, 57, 87], [78, 92, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDCAA2, #AEBEA3, #B97479, #D83957, #4E5C69 is ideal for: corporate websites, product showcases, portfolios. 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: #ddcaa2; --color-2: #aebea3; --color-3: #b97479; --color-4: #d83957; --color-5: #4e5c69. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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