← Back to Editor

#5C9E76 · #E8B762 · #82684C · #BD8313 · #FF5F60

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#5C9E76

Celadon · MediumSeaGreen · Olive Green

HEX
#5C9E76
RGB
rgb(92, 158, 118)
HSL
hsl(144, 26%, 49%)
HSB
hsb(144, 42%, 62%)
CMYK
cmyk(42%, 0%, 25%, 38%)
Oklch
oklch(64.4% 0.091 156.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#E8B762

Ginger · SandyBrown · Warm Sun

HEX
#E8B762
RGB
rgb(232, 183, 98)
HSL
hsl(38, 74%, 65%)
HSB
hsb(38, 58%, 91%)
CMYK
cmyk(0%, 21%, 58%, 9%)
Oklch
oklch(80.7% 0.118 79.6)

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

#82684C

Ochre · DimGray · Amber Brown

HEX
#82684C
RGB
rgb(130, 104, 76)
HSL
hsl(31, 26%, 40%)
HSB
hsb(31, 42%, 51%)
CMYK
cmyk(0%, 20%, 42%, 49%)
Oklch
oklch(53.6% 0.053 68.4)

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

#BD8313

Ochre · DarkGoldenRod · Honey Gold

HEX
#BD8313
RGB
rgb(189, 131, 19)
HSL
hsl(40, 82%, 41%)
HSB
hsb(40, 90%, 74%)
CMYK
cmyk(0%, 31%, 90%, 26%)
Oklch
oklch(65.2% 0.132 76.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FF5F60

Peach Pink · Tomato · Coral Red

HEX
#FF5F60
RGB
rgb(255, 95, 96)
HSL
hsl(360, 100%, 69%)
HSB
hsb(360, 63%, 100%)
CMYK
cmyk(0%, 63%, 62%, 0%)
Oklch
oklch(69.5% 0.195 23.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Soft Aurora

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C9E76
9D5C83

Analogous

639D5C
5C9E76
5C9D97

Triadic

5C9E76
765C9D
9D765C

Split-Comp.

5C9E76
975C9D
9D5C63

Tetradic

5C9E76
5C639D
9D5C83
9D975C

Contrast Matrix WCAG 2.1 Contrast

5C9E76
E8B762
82684C
BD8313
FF5F60
—
1.7
Fail
1.6
Fail
1.0
Fail
1.1
Fail
1.7
Fail
—
2.8
Fail
1.8
Fail
1.6
Fail
1.6
Fail
2.8
Fail
—
1.6
Fail
1.7
Fail
1.0
Fail
1.8
Fail
1.6
Fail
—
1.1
Fail
1.1
Fail
1.6
Fail
1.7
Fail
1.1
Fail
—
White BG
3.2AA Large
1.8Fail
5.2AA
3.3AA Large
3.0Fail
Black BG
6.6AA
11.4AAA
4.0AA Large
6.4AA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797980
D3D277
777753
A4A32E
BAB860

Deuteranopia

757082
D6D97C
787A54
A7AC35
C3CF60

Tritanopia

5F8789
E6878A
815859
BA4348
F76060

Achromatopsia

868686
BCBCBC
6D6D6D
888888
8F8F8F

Shades & Tints Shades & Tints

#5C9E76

Dark
Light

#E8B762

Dark
Light

#82684C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c9e76;
  --color-2: #e8b762;
  --color-3: #82684c;
  --color-4: #bd8313;
  --color-5: #ff5f60;
}

SCSS

$color-1: #5c9e76;
$color-2: #e8b762;
$color-3: #82684c;
$color-4: #bd8313;
$color-5: #ff5f60;

TAILWIND

colors: {
  'brand-1': '#5c9e76',
  'brand-2': '#e8b762',
  'brand-3': '#82684c',
  'brand-4': '#bd8313',
  'brand-5': '#ff5f60',
}

RGB Array

[92, 158, 118], [232, 183, 98], [130, 104, 76], [189, 131, 19], [255, 95, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #5C9E76, #E8B762, #82684C, #BD8313, #FF5F60 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #5c9e76; --color-2: #e8b762; --color-3: #82684c; --color-4: #bd8313; --color-5: #ff5f60. 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. 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 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