← Back to Editor

#5F533F · #92795F · #C6B284 · #E9E5C8 · #F47A93

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5F533F

Ochre · DarkOliveGreen · Amber Brown

HEX
#5F533F
RGB
rgb(95, 83, 63)
HSL
hsl(38, 20%, 31%)
HSB
hsb(38, 34%, 37%)
CMYK
cmyk(0%, 13%, 34%, 63%)
Oklch
oklch(44.8% 0.035 80.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#92795F

Ochre · Gray · Amber Brown

HEX
#92795F
RGB
rgb(146, 121, 95)
HSL
hsl(31, 21%, 47%)
HSB
hsb(31, 35%, 57%)
CMYK
cmyk(0%, 17%, 35%, 43%)
Oklch
oklch(59.3% 0.049 67.8)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C6B284

Ginger · Tan · Sunflower

HEX
#C6B284
RGB
rgb(198, 178, 132)
HSL
hsl(42, 37%, 65%)
HSB
hsb(42, 33%, 78%)
CMYK
cmyk(0%, 10%, 33%, 22%)
Oklch
oklch(76.9% 0.066 87.2)

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

#E9E5C8

Fresh Green · Bisque · Lemon Cream

HEX
#E9E5C8
RGB
rgb(233, 229, 200)
HSL
hsl(53, 43%, 85%)
HSB
hsb(53, 14%, 91%)
CMYK
cmyk(0%, 2%, 14%, 9%)
Oklch
oklch(91.7% 0.039 100.7)

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

#F47A93

Peach Pink · LightCoral · Coral Red

HEX
#F47A93
RGB
rgb(244, 122, 147)
HSL
hsl(348, 85%, 72%)
HSB
hsb(348, 50%, 96%)
CMYK
cmyk(0%, 50%, 40%, 4%)
Oklch
oklch(72.6% 0.151 8.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F533F
3F4B5F

Analogous

5F433F
5F533F
5B5F3F

Triadic

5F533F
3F5F53
533F5F

Split-Comp.

5F533F
3F5B5F
433F5F

Tetradic

5F533F
3F5F43
3F4B5F
5F3F5B

Contrast Matrix WCAG 2.1 Contrast

5F533F
92795F
C6B284
E9E5C8
F47A93
—
1.8
Fail
3.6
AA Large
5.9
AA
2.9
Fail
1.8
Fail
—
2.0
Fail
3.2
AA Large
1.6
Fail
3.6
AA Large
2.0
Fail
—
1.6
Fail
1.3
Fail
5.9
AA
3.2
AA Large
1.6
Fail
—
2.1
Fail
2.9
Fail
1.6
Fail
1.3
Fail
2.1
Fail
—
White BG
7.5AAA
4.1AA Large
2.1Fail
1.3Fail
2.6Fail
Black BG
2.8Fail
5.1AA
10.1AAA
16.5AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A44
878765
BDBD8F
E7E7CF
BFBE8D

Deuteranopia

5B5B45
898B67
BFC092
E8E8D1
C6CF8C

Tritanopia

5E4849
916A6B
C5989A
E9D5D6
EE8887

Achromatopsia

545454
7E7E7E
B3B3B3
E3E3E3
A1A1A1

Shades & Tints Shades & Tints

#5F533F

Dark
Light

#92795F

Dark
Light

#C6B284

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f533f;
  --color-2: #92795f;
  --color-3: #c6b284;
  --color-4: #e9e5c8;
  --color-5: #f47a93;
}

SCSS

$color-1: #5f533f;
$color-2: #92795f;
$color-3: #c6b284;
$color-4: #e9e5c8;
$color-5: #f47a93;

TAILWIND

colors: {
  'brand-1': '#5f533f',
  'brand-2': '#92795f',
  'brand-3': '#c6b284',
  'brand-4': '#e9e5c8',
  'brand-5': '#f47a93',
}

RGB Array

[95, 83, 63], [146, 121, 95], [198, 178, 132], [233, 229, 200], [244, 122, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #5F533F, #92795F, #C6B284, #E9E5C8, #F47A93 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: #5f533f; --color-2: #92795f; --color-3: #c6b284; --color-4: #e9e5c8; --color-5: #f47a93. 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