← Back to Editor

#C48900 · #9C8E11 · #4F9E6D · #24877D · #2F566B

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

#C48900

Ochre · DarkGoldenRod · Honey Gold

HEX
#C48900
RGB
rgb(196, 137, 0)
HSL
hsl(42, 100%, 38%)
HSB
hsb(42, 100%, 77%)
CMYK
cmyk(0%, 30%, 100%, 23%)
Oklch
oklch(67.2% 0.140 78.2)

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

#9C8E11

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9C8E11
RGB
rgb(156, 142, 17)
HSL
hsl(54, 80%, 34%)
HSB
hsb(54, 89%, 61%)
CMYK
cmyk(0%, 9%, 89%, 39%)
Oklch
oklch(64.0% 0.130 102.2)

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

#4F9E6D

Celadon · MediumSeaGreen · Olive Green

HEX
#4F9E6D
RGB
rgb(79, 158, 109)
HSL
hsl(143, 33%, 46%)
HSB
hsb(143, 50%, 62%)
CMYK
cmyk(50%, 0%, 31%, 38%)
Oklch
oklch(63.6% 0.108 154.6)

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

#24877D

Mineral Blue · Teal · Mint Ice

HEX
#24877D
RGB
rgb(36, 135, 125)
HSL
hsl(174, 58%, 34%)
HSB
hsb(174, 73%, 53%)
CMYK
cmyk(73%, 0%, 7%, 47%)
Oklch
oklch(56.6% 0.089 185.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#2F566B

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#2F566B
RGB
rgb(47, 86, 107)
HSL
hsl(201, 39%, 30%)
HSB
hsb(201, 56%, 42%)
CMYK
cmyk(56%, 20%, 0%, 58%)
Oklch
oklch(43.4% 0.056 233.7)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C48900
003AC2

Analogous

C22700
C48900
9BC200

Triadic

C48900
00C288
8800C2

Split-Comp.

C48900
009BC2
2700C2

Tetradic

C48900
00C227
003AC2
C2009B

Contrast Matrix WCAG 2.1 Contrast

C48900
9C8E11
4F9E6D
24877D
2F566B
—
1.1
Fail
1.1
Fail
1.4
Fail
2.6
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
2.4
Fail
1.1
Fail
1.0
Fail
—
1.3
Fail
2.4
Fail
1.4
Fail
1.3
Fail
1.3
Fail
—
1.8
Fail
2.6
Fail
2.4
Fail
2.4
Fail
1.8
Fail
—
White BG
3.0AA Large
3.3AA Large
3.3AA Large
4.3AA Large
7.9AAA
Black BG
6.9AA
6.3AA
6.4AA
4.8AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAA21
96962F
717279
4F507F
404066

Deuteranopia

AEB229
979837
6D677C
494280
3E3B65

Tritanopia

C13B41
9B474C
538284
298182
316261

Achromatopsia

8B8B8B
848484
818181
686868
4D4D4D

Shades & Tints Shades & Tints

#C48900

Dark
Light

#9C8E11

Dark
Light

#4F9E6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c48900;
  --color-2: #9c8e11;
  --color-3: #4f9e6d;
  --color-4: #24877d;
  --color-5: #2f566b;
}

SCSS

$color-1: #c48900;
$color-2: #9c8e11;
$color-3: #4f9e6d;
$color-4: #24877d;
$color-5: #2f566b;

TAILWIND

colors: {
  'brand-1': '#c48900',
  'brand-2': '#9c8e11',
  'brand-3': '#4f9e6d',
  'brand-4': '#24877d',
  'brand-5': '#2f566b',
}

RGB Array

[196, 137, 0], [156, 142, 17], [79, 158, 109], [36, 135, 125], [47, 86, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C48900, #9C8E11, #4F9E6D, #24877D, #2F566B 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: #c48900; --color-2: #9c8e11; --color-3: #4f9e6d; --color-4: #24877d; --color-5: #2f566b. 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