#A08031 + #C14A71 + #D69085 + #DFC39B + #B8DAC5 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A08031

Ochre · DarkGoldenRod · Honey Gold

HEX

#A08031

RGB

rgb(160, 128, 49)

HSL

hsl(43, 53%, 41%)

HSB

hsb(43, 69%, 63%)

CMYK

cmyk(0%, 20%, 69%, 37%)

Oklch

oklch(61.5% 0.104 86.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#C14A71

Dark Violet · MediumVioletRed · Rose Pink

HEX

#C14A71

RGB

rgb(193, 74, 113)

HSL

hsl(340, 49%, 52%)

HSB

hsb(340, 62%, 76%)

CMYK

cmyk(0%, 62%, 41%, 24%)

Oklch

oklch(57.9% 0.156 3.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D69085

Peach Pink · DarkSalmon · Coral Red

HEX

#D69085

RGB

rgb(214, 144, 133)

HSL

hsl(8, 50%, 68%)

HSB

hsb(8, 38%, 84%)

CMYK

cmyk(0%, 33%, 38%, 16%)

Oklch

oklch(72.1% 0.087 29.2)

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

#DFC39B

Goose Yellow · BurlyWood · Warm Sun

HEX

#DFC39B

RGB

rgb(223, 195, 155)

HSL

hsl(35, 52%, 74%)

HSB

hsb(35, 30%, 87%)

CMYK

cmyk(0%, 13%, 30%, 13%)

Oklch

oklch(83.1% 0.062 76.5)

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

#B8DAC5

Celadon · Silver · Apple Green

HEX

#B8DAC5

RGB

rgb(184, 218, 197)

HSL

hsl(143, 31%, 79%)

HSB

hsb(143, 16%, 85%)

CMYK

cmyk(16%, 0%, 10%, 15%)

Oklch

oklch(85.8% 0.046 158.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A08031

3151A0

Analogous

A04931

A08031

88A031

Triadic

A08031

31A081

8131A0

Split-Comp.

A08031

3188A0

4931A0

Tetradic

A08031

31A049

3151A0

A03188

Contrast Matrix WCAG 2.1 Contrast

A08031	C14A71	D69085	DFC39B	B8DAC5
—	1.3 Fail	1.5 Fail	2.2 Fail	2.5 Fail
1.3 Fail	—	1.8 Fail	2.8 Fail	3.1 AA Large
1.5 Fail	1.8 Fail	—	1.5 Fail	1.7 Fail
2.2 Fail	2.8 Fail	1.5 Fail	—	1.1 Fail
2.5 Fail	3.1 AA Large	1.7 Fail	1.1 Fail	—

White BG

3.7AA Large

4.7AA

2.6Fail

1.7Fail

1.5Fail

Black BG

5.6AA

4.5AA Large

8.2AAA

12.4AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929244

8D8C68

B8B788

D3D3A5

C7C7CA

Deuteranopia

949649

949D65

BCC188

D5D7A7

C5C2CB

Tritanopia

9E5357

BB605E

D28A8A

DEACAE

BACECF

Achromatopsia

818181

727272

A4A4A4

C7C7C7

CDCDCD

Shades & Tints Shades & Tints

#A08031

Dark

Light

#C14A71

Dark

Light

#D69085

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a08031;
  --color-2: #c14a71;
  --color-3: #d69085;
  --color-4: #dfc39b;
  --color-5: #b8dac5;
}

SCSS

$color-1: #a08031;
$color-2: #c14a71;
$color-3: #d69085;
$color-4: #dfc39b;
$color-5: #b8dac5;

TAILWIND

colors: {
  'brand-1': '#a08031',
  'brand-2': '#c14a71',
  'brand-3': '#d69085',
  'brand-4': '#dfc39b',
  'brand-5': '#b8dac5',
}

RGB Array

[160, 128, 49], [193, 74, 113], [214, 144, 133], [223, 195, 155], [184, 218, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #A08031, #C14A71, #D69085, #DFC39B, #B8DAC5 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: #a08031; --color-2: #c14a71; --color-3: #d69085; --color-4: #dfc39b; --color-5: #b8dac5. 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 muted-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