← Back to Editor

#41686D · #A9C0A3 · #DFDCBB · #F3DDAB · #FECFC2

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#41686D

Slate Blue · DimGray · Mint Ice

HEX
#41686D
RGB
rgb(65, 104, 109)
HSL
hsl(187, 25%, 34%)
HSB
hsb(187, 40%, 43%)
CMYK
cmyk(40%, 5%, 0%, 57%)
Oklch
oklch(49.0% 0.045 206.1)

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

#A9C0A3

Celadon · DarkGray · Apple Green

HEX
#A9C0A3
RGB
rgb(169, 192, 163)
HSL
hsl(108, 19%, 70%)
HSB
hsb(108, 15%, 75%)
CMYK
cmyk(12%, 0%, 15%, 25%)
Oklch
oklch(78.2% 0.048 139.2)

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

#DFDCBB

Fresh Green · Wheat · Lemon Cream

HEX
#DFDCBB
RGB
rgb(223, 220, 187)
HSL
hsl(55, 36%, 80%)
HSB
hsb(55, 16%, 87%)
CMYK
cmyk(0%, 1%, 16%, 13%)
Oklch
oklch(88.8% 0.044 103.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F3DDAB

Goose Yellow · Wheat · Lemon Cream

HEX
#F3DDAB
RGB
rgb(243, 221, 171)
HSL
hsl(42, 75%, 81%)
HSB
hsb(42, 30%, 95%)
CMYK
cmyk(0%, 9%, 30%, 5%)
Oklch
oklch(90.3% 0.069 87.0)

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

#FECFC2

Peach Pink · Pink · Cherry Blossom

HEX
#FECFC2
RGB
rgb(254, 207, 194)
HSL
hsl(13, 97%, 88%)
HSB
hsb(13, 24%, 100%)
CMYK
cmyk(0%, 19%, 24%, 0%)
Oklch
oklch(89.2% 0.056 36.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41686D
6C4641

Analogous

416C5C
41686D
41526C

Triadic

41686D
6C4167
676C41

Split-Comp.

41686D
6C4152
6C5C41

Tetradic

41686D
5C416C
6C4641
526C41

Contrast Matrix WCAG 2.1 Contrast

41686D
A9C0A3
DFDCBB
F3DDAB
FECFC2
—
3.1
AA Large
4.4
AA Large
4.6
AA
4.4
AA Large
3.1
AA Large
—
1.4
Fail
1.5
Fail
1.4
Fail
4.4
AA Large
1.4
Fail
—
1.0
Fail
1.0
Fail
4.6
AA
1.5
Fail
1.0
Fail
—
1.1
Fail
4.4
AA Large
1.4
Fail
1.0
Fail
1.1
Fail
—
White BG
6.1AA
2.0Fail
1.4Fail
1.3Fail
1.4Fail
Black BG
3.4AA Large
10.8AAA
15.1AAA
15.7AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

52526C
B3B3AA
DEDEC3
E9E9B7
EAE9C5

Deuteranopia

504D6C
B2B0AC
DEDEC5
EBECBA
ECF0C6

Tritanopia

436B6B
AAB0B1
DFC9CB
F2C1C3
FCC8C8

Achromatopsia

5D5D5D
B6B6B6
D9D9D9
DEDEDE
DCDCDC

Shades & Tints Shades & Tints

#41686D

Dark
Light

#A9C0A3

Dark
Light

#DFDCBB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41686d;
  --color-2: #a9c0a3;
  --color-3: #dfdcbb;
  --color-4: #f3ddab;
  --color-5: #fecfc2;
}

SCSS

$color-1: #41686d;
$color-2: #a9c0a3;
$color-3: #dfdcbb;
$color-4: #f3ddab;
$color-5: #fecfc2;

TAILWIND

colors: {
  'brand-1': '#41686d',
  'brand-2': '#a9c0a3',
  'brand-3': '#dfdcbb',
  'brand-4': '#f3ddab',
  'brand-5': '#fecfc2',
}

RGB Array

[65, 104, 109], [169, 192, 163], [223, 220, 187], [243, 221, 171], [254, 207, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #41686D, #A9C0A3, #DFDCBB, #F3DDAB, #FECFC2 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: #41686d; --color-2: #a9c0a3; --color-3: #dfdcbb; --color-4: #f3ddab; --color-5: #fecfc2. 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