← Back to Editor

#35242D · #03849D · #60A50E · #C8BD42 · #E5CE95

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#35242D

Rose Purple · DarkSlateGray · Raspberry

HEX
#35242D
RGB
rgb(53, 36, 45)
HSL
hsl(328, 19%, 17%)
HSB
hsb(328, 32%, 21%)
CMYK
cmyk(0%, 32%, 15%, 79%)
Oklch
oklch(28.4% 0.030 346.1)

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

#03849D

Lake Blue · Teal · Mint Ice

HEX
#03849D
RGB
rgb(3, 132, 157)
HSL
hsl(190, 96%, 31%)
HSB
hsb(190, 98%, 62%)
CMYK
cmyk(98%, 16%, 0%, 38%)
Oklch
oklch(56.6% 0.101 217.4)

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

#60A50E

Grass Green · Olive · Forest Green

HEX
#60A50E
RGB
rgb(96, 165, 14)
HSL
hsl(87, 84%, 35%)
HSB
hsb(87, 92%, 65%)
CMYK
cmyk(42%, 0%, 92%, 35%)
Oklch
oklch(65.1% 0.180 133.2)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#C8BD42

Autumn Sage · GoldenRod · Sunflower

HEX
#C8BD42
RGB
rgb(200, 189, 66)
HSL
hsl(55, 55%, 52%)
HSB
hsb(55, 67%, 78%)
CMYK
cmyk(0%, 5%, 67%, 22%)
Oklch
oklch(78.5% 0.141 104.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E5CE95

Goose Yellow · BurlyWood · Sunflower

HEX
#E5CE95
RGB
rgb(229, 206, 149)
HSL
hsl(43, 61%, 74%)
HSB
hsb(43, 35%, 90%)
CMYK
cmyk(0%, 10%, 35%, 10%)
Oklch
oklch(85.7% 0.078 88.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

35242D
23342B

Analogous

332334
35242D
342324

Triadic

35242D
2C3423
232C34

Split-Comp.

35242D
243423
233433

Tetradic

35242D
343323
23342B
232434

Contrast Matrix WCAG 2.1 Contrast

35242D
03849D
60A50E
C8BD42
E5CE95
—
3.3
AA Large
4.8
AA
7.5
AAA
9.4
AAA
3.3
AA Large
—
1.4
Fail
2.3
Fail
2.8
Fail
4.8
AA
1.4
Fail
—
1.6
Fail
2.0
Fail
7.5
AAA
2.3
Fail
1.6
Fail
—
1.3
Fail
9.4
AAA
2.8
Fail
2.0
Fail
1.3
Fail
—
White BG
14.6AAA
4.4AA Large
3.0AA Large
1.9Fail
1.5Fail
Black BG
1.4Fail
4.8AA
6.9AA
10.8AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2D2B
3B3C97
7E7E33
C3C360
DBDBA3

Deuteranopia

2F302A
332A96
7A753B
C4C567
DCDEA6

Tritanopia

342929
099291
634F56
C7777C
E4AEB0

Achromatopsia

2A2A2A
606060
7F7F7F
B2B2B2
CECECE

Shades & Tints Shades & Tints

#35242D

Dark
Light

#03849D

Dark
Light

#60A50E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #35242d;
  --color-2: #03849d;
  --color-3: #60a50e;
  --color-4: #c8bd42;
  --color-5: #e5ce95;
}

SCSS

$color-1: #35242d;
$color-2: #03849d;
$color-3: #60a50e;
$color-4: #c8bd42;
$color-5: #e5ce95;

TAILWIND

colors: {
  'brand-1': '#35242d',
  'brand-2': '#03849d',
  'brand-3': '#60a50e',
  'brand-4': '#c8bd42',
  'brand-5': '#e5ce95',
}

RGB Array

[53, 36, 45], [3, 132, 157], [96, 165, 14], [200, 189, 66], [229, 206, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #35242D, #03849D, #60A50E, #C8BD42, #E5CE95 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #35242d; --color-2: #03849d; --color-3: #60a50e; --color-4: #c8bd42; --color-5: #e5ce95. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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