← Back to Editor

#C47F25 · #F1BE53 · #C6B284 · #F5E8CB · #530930

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 AppData Visualization

Color Details Color Details

#C47F25

Ochre · Chocolate · Amber Brown

HEX
#C47F25
RGB
rgb(196, 127, 37)
HSL
hsl(34, 68%, 46%)
HSB
hsb(34, 81%, 77%)
CMYK
cmyk(0%, 35%, 81%, 23%)
Oklch
oklch(65.4% 0.130 67.8)

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

#F1BE53

Ginger · SandyBrown · Sunflower

HEX
#F1BE53
RGB
rgb(241, 190, 83)
HSL
hsl(41, 85%, 64%)
HSB
hsb(41, 66%, 95%)
CMYK
cmyk(0%, 21%, 66%, 5%)
Oklch
oklch(82.8% 0.136 83.2)

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

#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

#F5E8CB

Goose Yellow · Bisque · Lemon Cream

HEX
#F5E8CB
RGB
rgb(245, 232, 203)
HSL
hsl(41, 68%, 88%)
HSB
hsb(41, 17%, 96%)
CMYK
cmyk(0%, 5%, 17%, 4%)
Oklch
oklch(93.4% 0.041 86.7)

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

#530930

Rose Purple · Maroon · Raspberry

HEX
#530930
RGB
rgb(83, 9, 48)
HSL
hsl(328, 80%, 18%)
HSB
hsb(328, 89%, 33%)
CMYK
cmyk(0%, 89%, 42%, 67%)
Oklch
oklch(29.7% 0.110 354.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C47F25
266BC5

Analogous

C53026
C47F25
BAC526

Triadic

C47F25
26C580
8026C5

Split-Comp.

C47F25
26BAC5
3026C5

Tetradic

C47F25
26C530
266BC5
C526BA

Contrast Matrix WCAG 2.1 Contrast

C47F25
F1BE53
C6B284
F5E8CB
530930
—
1.9
Fail
1.6
Fail
2.7
Fail
4.4
AA Large
1.9
Fail
—
1.2
Fail
1.4
Fail
8.4
AAA
1.6
Fail
1.2
Fail
—
1.7
Fail
7.0
AA
2.7
Fail
1.4
Fail
1.7
Fail
—
11.9
AAA
4.4
AA Large
8.4
AAA
7.0
AA
11.9
AAA
—
White BG
3.3AA Large
1.7Fail
2.1Fail
1.2Fail
14.5AAA
Black BG
6.4AA
12.2AAA
10.1AAA
17.3AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A63B
DBDA6D
BDBD8F
EFEFD2
333227

Deuteranopia

AAAF40
DEE273
BFC092
F0F1D4
373D24

Tritanopia

C14C50
EE8186
C5989A
F4D8D9
4F1F1D

Achromatopsia

898989
C1C1C1
B3B3B3
E9E9E9
242424

Shades & Tints Shades & Tints

#C47F25

Dark
Light

#F1BE53

Dark
Light

#C6B284

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c47f25;
  --color-2: #f1be53;
  --color-3: #c6b284;
  --color-4: #f5e8cb;
  --color-5: #530930;
}

SCSS

$color-1: #c47f25;
$color-2: #f1be53;
$color-3: #c6b284;
$color-4: #f5e8cb;
$color-5: #530930;

TAILWIND

colors: {
  'brand-1': '#c47f25',
  'brand-2': '#f1be53',
  'brand-3': '#c6b284',
  'brand-4': '#f5e8cb',
  'brand-5': '#530930',
}

RGB Array

[196, 127, 37], [241, 190, 83], [198, 178, 132], [245, 232, 203], [83, 9, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C47F25, #F1BE53, #C6B284, #F5E8CB, #530930 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #c47f25; --color-2: #f1be53; --color-3: #c6b284; --color-4: #f5e8cb; --color-5: #530930. 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 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