#D6CDB0 + #F47479 + #D83DB3 + #546FB2 + #428D9E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D6CDB0

Goose Yellow · Silver · Lemon Cream

HEX

#D6CDB0

RGB

rgb(214, 205, 176)

HSL

hsl(46, 32%, 76%)

HSB

hsb(46, 18%, 84%)

CMYK

cmyk(0%, 4%, 18%, 16%)

Oklch

oklch(84.8% 0.040 92.8)

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

#F47479

Peach Pink · LightCoral · Coral Red

HEX

#F47479

RGB

rgb(244, 116, 121)

HSL

hsl(358, 85%, 71%)

HSB

hsb(358, 52%, 96%)

CMYK

cmyk(0%, 52%, 50%, 4%)

Oklch

oklch(71.1% 0.157 19.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D83DB3

Rose Purple · MediumOrchid · Violet

HEX

#D83DB3

RGB

rgb(216, 61, 179)

HSL

hsl(314, 67%, 54%)

HSB

hsb(314, 72%, 85%)

CMYK

cmyk(0%, 72%, 17%, 15%)

Oklch

oklch(62.6% 0.224 339.2)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#546FB2

Azure · SteelBlue · Navy Blue

HEX

#546FB2

RGB

rgb(84, 111, 178)

HSL

hsl(223, 38%, 51%)

HSB

hsb(223, 53%, 70%)

CMYK

cmyk(53%, 38%, 0%, 30%)

Oklch

oklch(55.1% 0.110 266.3)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#428D9E

Slate Blue · SteelBlue · Mint Ice

HEX

#428D9E

RGB

rgb(66, 141, 158)

HSL

hsl(191, 41%, 44%)

HSB

hsb(191, 58%, 62%)

CMYK

cmyk(58%, 11%, 0%, 38%)

Oklch

oklch(60.3% 0.078 214.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6CDB0

AEB7D5

Analogous

D5B9AE

D6CDB0

CBD5AE

Triadic

D6CDB0

AED5CC

CCAED5

Split-Comp.

D6CDB0

AECBD5

B9AED5

Tetradic

D6CDB0

AED5B9

AEB7D5

D5AECB

Contrast Matrix WCAG 2.1 Contrast

D6CDB0	F47479	D83DB3	546FB2	428D9E
—	1.7 Fail	2.5 Fail	3.1 AA Large	2.4 Fail
1.7 Fail	—	1.5 Fail	1.8 Fail	1.4 Fail
2.5 Fail	1.5 Fail	—	1.2 Fail	1.1 Fail
3.1 AA Large	1.8 Fail	1.2 Fail	—	1.3 Fail
2.4 Fail	1.4 Fail	1.1 Fail	1.3 Fail	—

White BG

1.6Fail

2.8Fail

4.0AA Large

4.9AA

3.8AA Large

Black BG

13.2AAA

7.6AAA

5.2AA

4.3AA Large

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2B7

BDBB78

959396

6060A2

62639A

Deuteranopia

D3D3B9

C4CE77

9EAA90

5E5C9E

5E5999

Tritanopia

D6BDBE

EE7777

D0807B

559592

469796

Achromatopsia

CCCCCC

9B9B9B

797979

6F6F6F

797979

Shades & Tints Shades & Tints

#D6CDB0

Dark

Light

#F47479

Dark

Light

#D83DB3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6cdb0;
  --color-2: #f47479;
  --color-3: #d83db3;
  --color-4: #546fb2;
  --color-5: #428d9e;
}

SCSS

$color-1: #d6cdb0;
$color-2: #f47479;
$color-3: #d83db3;
$color-4: #546fb2;
$color-5: #428d9e;

TAILWIND

colors: {
  'brand-1': '#d6cdb0',
  'brand-2': '#f47479',
  'brand-3': '#d83db3',
  'brand-4': '#546fb2',
  'brand-5': '#428d9e',
}

RGB Array

[214, 205, 176], [244, 116, 121], [216, 61, 179], [84, 111, 178], [66, 141, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6CDB0, #F47479, #D83DB3, #546FB2, #428D9E 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: #d6cdb0; --color-2: #f47479; --color-3: #d83db3; --color-4: #546fb2; --color-5: #428d9e. 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