← Back to Editor

#8C5600 · #967A00 · #B0BD3C · #255738 · #093236

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#8C5600

Ochre · Olive · Amber Brown

HEX
#8C5600
RGB
rgb(140, 86, 0)
HSL
hsl(37, 100%, 27%)
HSB
hsb(37, 100%, 55%)
CMYK
cmyk(0%, 39%, 100%, 45%)
Oklch
oklch(50.3% 0.110 68.4)

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

#967A00

Ochre · Olive · Honey Gold

HEX
#967A00
RGB
rgb(150, 122, 0)
HSL
hsl(49, 100%, 29%)
HSB
hsb(49, 100%, 59%)
CMYK
cmyk(0%, 19%, 100%, 41%)
Oklch
oklch(58.9% 0.121 92.7)

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

#B0BD3C

Autumn Sage · GoldenRod · Honey Gold

HEX
#B0BD3C
RGB
rgb(176, 189, 60)
HSL
hsl(66, 52%, 49%)
HSB
hsb(66, 68%, 74%)
CMYK
cmyk(7%, 0%, 68%, 26%)
Oklch
oklch(76.4% 0.150 115.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#255738

Celadon · DarkSlateGray · Forest Green

HEX
#255738
RGB
rgb(37, 87, 56)
HSL
hsl(143, 40%, 24%)
HSB
hsb(143, 57%, 34%)
CMYK
cmyk(57%, 0%, 36%, 66%)
Oklch
oklch(41.3% 0.075 154.1)

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

#093236

Lake Blue · DarkSlateGray · Peacock Green

HEX
#093236
RGB
rgb(9, 50, 54)
HSL
hsl(185, 71%, 12%)
HSB
hsb(185, 83%, 21%)
CMYK
cmyk(83%, 7%, 0%, 79%)
Oklch
oklch(29.2% 0.044 204.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C5600
00358A

Analogous

8A1000
8C5600
7A8A00

Triadic

8C5600
008A55
55008A

Split-Comp.

8C5600
007A8A
10008A

Tetradic

8C5600
008A10
00358A
8A007A

Contrast Matrix WCAG 2.1 Contrast

8C5600
967A00
B0BD3C
255738
093236
—
1.5
Fail
3.0
Fail
1.4
Fail
2.3
Fail
1.5
Fail
—
2.0
Fail
2.0
Fail
3.3
AA Large
3.0
Fail
2.0
Fail
—
4.1
AA Large
6.7
AA
1.4
Fail
2.0
Fail
4.1
AA Large
—
1.6
Fail
2.3
Fail
3.3
AA Large
6.7
AA
1.6
Fail
—
White BG
6.1AA
4.1AA Large
2.1Fail
8.4AAA
13.8AAA
Black BG
3.4AA Large
5.1AA
10.2AAA
2.5Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

757415
8A8A1E
B6B65B
3B3B40
1B1B35

Deuteranopia

787C1A
8C8E25
B5B463
383441
181535

Tritanopia

892529
95353A
B17479
284547
0B3434

Achromatopsia

5C5C5C
747474
AAAAAA
454545
262626

Shades & Tints Shades & Tints

#8C5600

Dark
Light

#967A00

Dark
Light

#B0BD3C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c5600;
  --color-2: #967a00;
  --color-3: #b0bd3c;
  --color-4: #255738;
  --color-5: #093236;
}

SCSS

$color-1: #8c5600;
$color-2: #967a00;
$color-3: #b0bd3c;
$color-4: #255738;
$color-5: #093236;

TAILWIND

colors: {
  'brand-1': '#8c5600',
  'brand-2': '#967a00',
  'brand-3': '#b0bd3c',
  'brand-4': '#255738',
  'brand-5': '#093236',
}

RGB Array

[140, 86, 0], [150, 122, 0], [176, 189, 60], [37, 87, 56], [9, 50, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #8C5600, #967A00, #B0BD3C, #255738, #093236 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #8c5600; --color-2: #967a00; --color-3: #b0bd3c; --color-4: #255738; --color-5: #093236. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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