← Back to Editor

#361909 · #635844 · #AC2E17 · #D04F25 · #FE9A4F

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

#361909

Tangerine · Black · Cinnamon

HEX
#361909
RGB
rgb(54, 25, 9)
HSL
hsl(21, 71%, 12%)
HSB
hsb(21, 83%, 21%)
CMYK
cmyk(0%, 54%, 83%, 79%)
Oklch
oklch(25.1% 0.053 47.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#635844

Ochre · DarkOliveGreen · Amber Brown

HEX
#635844
RGB
rgb(99, 88, 68)
HSL
hsl(39, 19%, 33%)
HSB
hsb(39, 31%, 39%)
CMYK
cmyk(0%, 11%, 31%, 61%)
Oklch
oklch(46.5% 0.034 82.4)

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

#AC2E17

Vermilion · FireBrick · Wine Red

HEX
#AC2E17
RGB
rgb(172, 46, 23)
HSL
hsl(9, 76%, 38%)
HSB
hsb(9, 87%, 67%)
CMYK
cmyk(0%, 73%, 87%, 33%)
Oklch
oklch(49.5% 0.166 32.5)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#D04F25

Tangerine · Chocolate · Amber Brown

HEX
#D04F25
RGB
rgb(208, 79, 37)
HSL
hsl(15, 70%, 48%)
HSB
hsb(15, 82%, 82%)
CMYK
cmyk(0%, 62%, 82%, 18%)
Oklch
oklch(59.5% 0.172 37.6)

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

#FE9A4F

Apricot · SandyBrown · Warm Sun

HEX
#FE9A4F
RGB
rgb(254, 154, 79)
HSL
hsl(26, 99%, 65%)
HSB
hsb(26, 69%, 100%)
CMYK
cmyk(0%, 39%, 69%, 0%)
Oklch
oklch(77.6% 0.149 55.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

361909
092534

Analogous

34090F
361909
342E09

Triadic

361909
093418
180934

Split-Comp.

361909
09342E
090F34

Tetradic

361909
0F3409
092534
2E0934

Contrast Matrix WCAG 2.1 Contrast

361909
635844
AC2E17
D04F25
FE9A4F
—
2.3
Fail
2.4
Fail
3.7
AA Large
7.7
AAA
2.3
Fail
—
1.0
Fail
1.6
Fail
3.3
AA Large
2.4
Fail
1.0
Fail
—
1.5
Fail
3.2
AA Large
3.7
AA Large
1.6
Fail
1.5
Fail
—
2.1
Fail
7.7
AAA
3.3
AA Large
3.2
AA Large
2.1
Fail
—
White BG
16.2AAA
7.0AA
6.7AA
4.4AA Large
2.1Fail
Black BG
1.3Fail
3.0AA Large
3.2AA Large
4.8AA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

29290D
5E5E49
75741D
98972F
D3D261

Deuteranopia

2B2D0E
5F604A
7D861E
A0A932
D9E066

Tritanopia

351011
624D4E
A62122
CA3739
F96F73

Achromatopsia

202020
595959
515151
717171
AFAFAF

Shades & Tints Shades & Tints

#361909

Dark
Light

#635844

Dark
Light

#AC2E17

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #361909;
  --color-2: #635844;
  --color-3: #ac2e17;
  --color-4: #d04f25;
  --color-5: #fe9a4f;
}

SCSS

$color-1: #361909;
$color-2: #635844;
$color-3: #ac2e17;
$color-4: #d04f25;
$color-5: #fe9a4f;

TAILWIND

colors: {
  'brand-1': '#361909',
  'brand-2': '#635844',
  'brand-3': '#ac2e17',
  'brand-4': '#d04f25',
  'brand-5': '#fe9a4f',
}

RGB Array

[54, 25, 9], [99, 88, 68], [172, 46, 23], [208, 79, 37], [254, 154, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #361909, #635844, #AC2E17, #D04F25, #FE9A4F 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: #361909; --color-2: #635844; --color-3: #ac2e17; --color-4: #d04f25; --color-5: #fe9a4f. 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