← Back to Editor

#D6AE5C · #E0B765 · #F7CE7C · #FFFFFF · #675D6C

muted

A 5-color muted palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#D6AE5C

Ginger · SandyBrown · Sunflower

HEX
#D6AE5C
RGB
rgb(214, 174, 92)
HSL
hsl(40, 60%, 60%)
HSB
hsb(40, 57%, 84%)
CMYK
cmyk(0%, 19%, 57%, 16%)
Oklch
oklch(77.0% 0.111 83.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E0B765

Ginger · SandyBrown · Sunflower

HEX
#E0B765
RGB
rgb(224, 183, 101)
HSL
hsl(40, 66%, 64%)
HSB
hsb(40, 55%, 88%)
CMYK
cmyk(0%, 18%, 55%, 12%)
Oklch
oklch(79.9% 0.111 83.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F7CE7C

Goose Yellow · Khaki · Sunflower

HEX
#F7CE7C
RGB
rgb(247, 206, 124)
HSL
hsl(40, 88%, 73%)
HSB
hsb(40, 50%, 97%)
CMYK
cmyk(0%, 17%, 50%, 3%)
Oklch
oklch(87.0% 0.111 83.6)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#675D6C

Ink Gray · DimGray · Charcoal

HEX
#675D6C
RGB
rgb(103, 93, 108)
HSL
hsl(280, 7%, 39%)
HSB
hsb(280, 14%, 42%)
CMYK
cmyk(5%, 14%, 0%, 58%)
Oklch
oklch(49.3% 0.027 314.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6AE5C
5C85D6

Analogous

D6705C
D6AE5C
C2D65C

Triadic

D6AE5C
5CD6AD
AD5CD6

Split-Comp.

D6AE5C
5CC2D6
705CD6

Tetradic

D6AE5C
5CD670
5C85D6
D65CC2

Contrast Matrix WCAG 2.1 Contrast

D6AE5C
E0B765
F7CE7C
FFFFFF
675D6C
—
1.1
Fail
1.4
Fail
2.1
Fail
3.0
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
3.3
AA Large
1.4
Fail
1.3
Fail
—
1.5
Fail
4.2
AA Large
2.1
Fail
1.9
Fail
1.5
Fail
—
6.3
AA
3.0
Fail
3.3
AA Large
4.2
AA Large
6.3
AA
—
White BG
2.1Fail
1.9Fail
1.5Fail
1.0Fail
6.3AA
Black BG
10.1AAA
11.1AAA
14.1AAA
21.0AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C470
CECE79
E5E590
FFFFFF
636368

Deuteranopia

C7CA75
D1D47E
E8EB95
FFFFFF
636468

Tritanopia

D48083
DE898C
F5A0A3
FFFFFF
676665

Achromatopsia

B1B1B1
BABABA
D1D1D1
FFFFFF
626262

Shades & Tints Shades & Tints

#D6AE5C

Dark
Light

#E0B765

Dark
Light

#F7CE7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6ae5c;
  --color-2: #e0b765;
  --color-3: #f7ce7c;
  --color-4: #ffffff;
  --color-5: #675d6c;
}

SCSS

$color-1: #d6ae5c;
$color-2: #e0b765;
$color-3: #f7ce7c;
$color-4: #ffffff;
$color-5: #675d6c;

TAILWIND

colors: {
  'brand-1': '#d6ae5c',
  'brand-2': '#e0b765',
  'brand-3': '#f7ce7c',
  'brand-4': '#ffffff',
  'brand-5': '#675d6c',
}

RGB Array

[214, 174, 92], [224, 183, 101], [247, 206, 124], [255, 255, 255], [103, 93, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #D6AE5C, #E0B765, #F7CE7C, #FFFFFF, #675D6C is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d6ae5c; --color-2: #e0b765; --color-3: #f7ce7c; --color-4: #ffffff; --color-5: #675d6c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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