← Back to Editor

#575354 · #E37878 · #E6B58C · #E8D496 · #85A2A6

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#575354

Ink Gray · DimGray · Charcoal

HEX
#575354
RGB
rgb(87, 83, 84)
HSL
hsl(345, 2%, 33%)
HSB
hsb(345, 5%, 34%)
CMYK
cmyk(0%, 5%, 3%, 66%)
Oklch
oklch(44.6% 0.005 0.2)

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

#E37878

Peach Pink · LightCoral · Coral Red

HEX
#E37878
RGB
rgb(227, 120, 120)
HSL
hsl(0, 66%, 68%)
HSB
hsb(0, 47%, 89%)
CMYK
cmyk(0%, 47%, 47%, 11%)
Oklch
oklch(69.4% 0.133 21.1)

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

#E6B58C

Apricot · BurlyWood · Warm Sun

HEX
#E6B58C
RGB
rgb(230, 181, 140)
HSL
hsl(27, 64%, 73%)
HSB
hsb(27, 39%, 90%)
CMYK
cmyk(0%, 21%, 39%, 10%)
Oklch
oklch(80.8% 0.079 61.3)

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

#E8D496

Goose Yellow · Khaki · Sunflower

HEX
#E8D496
RGB
rgb(232, 212, 150)
HSL
hsl(45, 64%, 75%)
HSB
hsb(45, 35%, 91%)
CMYK
cmyk(0%, 9%, 35%, 9%)
Oklch
oklch(87.2% 0.083 92.3)

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

#85A2A6

Slate Blue · LightSlateGray · Lake Green

HEX
#85A2A6
RGB
rgb(133, 162, 166)
HSL
hsl(187, 16%, 59%)
HSB
hsb(187, 20%, 65%)
CMYK
cmyk(20%, 2%, 0%, 35%)
Oklch
oklch(69.2% 0.033 206.7)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

575354
525655

Analogous

565255
575354
565352

Triadic

575354
535652
525356

Split-Comp.

575354
525653
525556

Tetradic

575354
555652
525655
535256

Contrast Matrix WCAG 2.1 Contrast

575354
E37878
E6B58C
E8D496
85A2A6
—
2.6
Fail
4.1
AA Large
5.2
AA
2.8
Fail
2.6
Fail
—
1.6
Fail
2.0
Fail
1.1
Fail
4.1
AA Large
1.6
Fail
—
1.3
Fail
1.5
Fail
5.2
AA
2.0
Fail
1.3
Fail
—
1.9
Fail
2.8
Fail
1.1
Fail
1.5
Fail
1.9
Fail
—
White BG
7.6AAA
2.9Fail
1.8Fail
1.5Fail
2.7Fail
Black BG
2.8Fail
7.2AAA
11.4AAA
14.3AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

555554
B5B478
D1D096
DFDFA5
9292A5

Deuteranopia

565654
BBC378
D4D798
E1E2A9
908EA5

Tritanopia

575454
DE7878
E49E9F
E7B1B3
86A4A4

Achromatopsia

545454
989898
BFBFBF
D3D3D3
9A9A9A

Shades & Tints Shades & Tints

#575354

Dark
Light

#E37878

Dark
Light

#E6B58C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #575354;
  --color-2: #e37878;
  --color-3: #e6b58c;
  --color-4: #e8d496;
  --color-5: #85a2a6;
}

SCSS

$color-1: #575354;
$color-2: #e37878;
$color-3: #e6b58c;
$color-4: #e8d496;
$color-5: #85a2a6;

TAILWIND

colors: {
  'brand-1': '#575354',
  'brand-2': '#e37878',
  'brand-3': '#e6b58c',
  'brand-4': '#e8d496',
  'brand-5': '#85a2a6',
}

RGB Array

[87, 83, 84], [227, 120, 120], [230, 181, 140], [232, 212, 150], [133, 162, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #575354, #E37878, #E6B58C, #E8D496, #85A2A6 is ideal for: 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: #575354; --color-2: #e37878; --color-3: #e6b58c; --color-4: #e8d496; --color-5: #85a2a6. 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 warm-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