← Back to Editor

#291F04 · #541909 · #625431 · #896306 · #C37F3D

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

#291F04

Ochre · Black · Amber Gold

HEX
#291F04
RGB
rgb(41, 31, 4)
HSL
hsl(44, 82%, 9%)
HSB
hsb(44, 90%, 16%)
CMYK
cmyk(0%, 24%, 90%, 84%)
Oklch
oklch(24.5% 0.044 88.7)

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

#541909

Vermilion · Maroon · Deep Berry

HEX
#541909
RGB
rgb(84, 25, 9)
HSL
hsl(13, 81%, 18%)
HSB
hsb(13, 89%, 33%)
CMYK
cmyk(0%, 70%, 89%, 67%)
Oklch
oklch(30.6% 0.092 35.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#625431

Ochre · DarkOliveGreen · Honey Gold

HEX
#625431
RGB
rgb(98, 84, 49)
HSL
hsl(43, 33%, 29%)
HSB
hsb(43, 50%, 38%)
CMYK
cmyk(0%, 14%, 50%, 62%)
Oklch
oklch(45.1% 0.054 88.4)

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

#896306

Ochre · Olive · Honey Gold

HEX
#896306
RGB
rgb(137, 99, 6)
HSL
hsl(43, 92%, 28%)
HSB
hsb(43, 96%, 54%)
CMYK
cmyk(0%, 28%, 96%, 46%)
Oklch
oklch(52.5% 0.106 81.7)

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

#C37F3D

Ochre · Chocolate · Amber Brown

HEX
#C37F3D
RGB
rgb(195, 127, 61)
HSL
hsl(30, 53%, 50%)
HSB
hsb(30, 69%, 76%)
CMYK
cmyk(0%, 35%, 69%, 24%)
Oklch
oklch(65.5% 0.117 62.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

291F04
040E2A

Analogous

2A0D04
291F04
212A04

Triadic

291F04
042A20
20042A

Split-Comp.

291F04
04212A
0D042A

Tetradic

291F04
042A0D
040E2A
2A0421

Contrast Matrix WCAG 2.1 Contrast

291F04
541909
625431
896306
C37F3D
—
1.2
Fail
2.2
Fail
3.0
Fail
5.0
AA
1.2
Fail
—
1.9
Fail
2.5
Fail
4.2
AA Large
2.2
Fail
1.9
Fail
—
1.4
Fail
2.3
Fail
3.0
Fail
2.5
Fail
1.4
Fail
—
1.7
Fail
5.0
AA
4.2
AA Large
2.3
Fail
1.7
Fail
—
White BG
16.3AAA
13.8AAA
7.4AAA
5.5AA
3.3AA Large
Black BG
1.3Fail
1.5Fail
2.8Fail
3.9AA Large
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25250B
3A3A0D
5C5C39
79781D
A6A54D

Deuteranopia

25260C
3E420E
5D5E3C
7B7E22
AAAF51

Tritanopia

281011
511011
614042
872E32
C05A5C

Achromatopsia

1F1F1F
292929
545454
646464
8C8C8C

Shades & Tints Shades & Tints

#291F04

Dark
Light

#541909

Dark
Light

#625431

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #291f04;
  --color-2: #541909;
  --color-3: #625431;
  --color-4: #896306;
  --color-5: #c37f3d;
}

SCSS

$color-1: #291f04;
$color-2: #541909;
$color-3: #625431;
$color-4: #896306;
$color-5: #c37f3d;

TAILWIND

colors: {
  'brand-1': '#291f04',
  'brand-2': '#541909',
  'brand-3': '#625431',
  'brand-4': '#896306',
  'brand-5': '#c37f3d',
}

RGB Array

[41, 31, 4], [84, 25, 9], [98, 84, 49], [137, 99, 6], [195, 127, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #291F04, #541909, #625431, #896306, #C37F3D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #291f04; --color-2: #541909; --color-3: #625431; --color-4: #896306; --color-5: #c37f3d. 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. 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