← Back to Editor

#F6513C · #F58255 · #EDDCB5 · #A69A7A · #5B3A22

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F6513C

Vermilion · Tomato · Passion Red

HEX
#F6513C
RGB
rgb(246, 81, 60)
HSL
hsl(7, 91%, 60%)
HSB
hsb(7, 76%, 96%)
CMYK
cmyk(0%, 67%, 76%, 4%)
Oklch
oklch(66.0% 0.205 30.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#F58255

Apricot · Coral · Warm Sun

HEX
#F58255
RGB
rgb(245, 130, 85)
HSL
hsl(17, 89%, 65%)
HSB
hsb(17, 65%, 96%)
CMYK
cmyk(0%, 47%, 65%, 4%)
Oklch
oklch(72.7% 0.153 41.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EDDCB5

Goose Yellow · Wheat · Lemon Cream

HEX
#EDDCB5
RGB
rgb(237, 220, 181)
HSL
hsl(42, 61%, 82%)
HSB
hsb(42, 24%, 93%)
CMYK
cmyk(0%, 7%, 24%, 7%)
Oklch
oklch(89.8% 0.055 87.2)

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

#A69A7A

Ginger · DarkSeaGreen · Sunflower

HEX
#A69A7A
RGB
rgb(166, 154, 122)
HSL
hsl(44, 20%, 56%)
HSB
hsb(44, 27%, 65%)
CMYK
cmyk(0%, 7%, 27%, 35%)
Oklch
oklch(68.8% 0.047 89.9)

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

#5B3A22

Tangerine · DarkOliveGreen · Cinnamon

HEX
#5B3A22
RGB
rgb(91, 58, 34)
HSL
hsl(25, 46%, 25%)
HSB
hsb(25, 63%, 36%)
CMYK
cmyk(0%, 36%, 63%, 64%)
Oklch
oklch(38.2% 0.060 55.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6513C
3CE0F6

Analogous

F63C83
F6513C
F6AF3C

Triadic

F6513C
3CF652
523CF6

Split-Comp.

F6513C
3CF6AF
3C83F6

Tetradic

F6513C
83F63C
3CE0F6
AF3CF6

Contrast Matrix WCAG 2.1 Contrast

F6513C
F58255
EDDCB5
A69A7A
5B3A22
—
1.3
Fail
2.5
Fail
1.2
Fail
3.0
Fail
1.3
Fail
—
1.9
Fail
1.1
Fail
4.0
AA Large
2.5
Fail
1.9
Fail
—
2.1
Fail
7.5
AAA
1.2
Fail
1.1
Fail
2.1
Fail
—
3.6
AA Large
3.0
Fail
4.0
AA Large
7.5
AAA
3.6
AA Large
—
White BG
3.4AA Large
2.6Fail
1.4Fail
2.8Fail
10.1AAA
Black BG
6.2AA
8.2AAA
15.5AAA
7.5AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAD41
C3C260
E6E5BE
A1A182
4D4C28

Deuteranopia

B8C542
CAD363
E7E8C1
A2A284
4F5129

Tritanopia

EE4546
EF686A
ECC6C8
A58889
592C2D

Achromatopsia

808080
9F9F9F
DDDDDD
9A9A9A
414141

Shades & Tints Shades & Tints

#F6513C

Dark
Light

#F58255

Dark
Light

#EDDCB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6513c;
  --color-2: #f58255;
  --color-3: #eddcb5;
  --color-4: #a69a7a;
  --color-5: #5b3a22;
}

SCSS

$color-1: #f6513c;
$color-2: #f58255;
$color-3: #eddcb5;
$color-4: #a69a7a;
$color-5: #5b3a22;

TAILWIND

colors: {
  'brand-1': '#f6513c',
  'brand-2': '#f58255',
  'brand-3': '#eddcb5',
  'brand-4': '#a69a7a',
  'brand-5': '#5b3a22',
}

RGB Array

[246, 81, 60], [245, 130, 85], [237, 220, 181], [166, 154, 122], [91, 58, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #F6513C, #F58255, #EDDCB5, #A69A7A, #5B3A22 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: #f6513c; --color-2: #f58255; --color-3: #eddcb5; --color-4: #a69a7a; --color-5: #5b3a22. 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