← Back to Editor

#963928 · #895207 · #634F1D · #A75A02 · #B03C17

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 App

Color Details Color Details

#963928

Crimson · Brown · Wine Red

HEX
#963928
RGB
rgb(150, 57, 40)
HSL
hsl(9, 58%, 37%)
HSB
hsb(9, 73%, 59%)
CMYK
cmyk(0%, 62%, 73%, 41%)
Oklch
oklch(47.2% 0.129 32.4)

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

#895207

Ochre · Sienna · Amber Brown

HEX
#895207
RGB
rgb(137, 82, 7)
HSL
hsl(35, 90%, 28%)
HSB
hsb(35, 95%, 54%)
CMYK
cmyk(0%, 40%, 95%, 46%)
Oklch
oklch(49.1% 0.107 65.5)

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

#634F1D

Ochre · DarkOliveGreen · Amber Gold

HEX
#634F1D
RGB
rgb(99, 79, 29)
HSL
hsl(43, 55%, 25%)
HSB
hsb(43, 71%, 39%)
CMYK
cmyk(0%, 20%, 71%, 61%)
Oklch
oklch(43.8% 0.072 87.0)

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

#A75A02

Ochre · Sienna · Amber Brown

HEX
#A75A02
RGB
rgb(167, 90, 2)
HSL
hsl(32, 98%, 33%)
HSB
hsb(32, 99%, 65%)
CMYK
cmyk(0%, 46%, 99%, 35%)
Oklch
oklch(54.7% 0.130 58.3)

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

#B03C17

Tangerine · FireBrick · Amber Brown

HEX
#B03C17
RGB
rgb(176, 60, 23)
HSL
hsl(15, 77%, 39%)
HSB
hsb(15, 87%, 69%)
CMYK
cmyk(0%, 66%, 87%, 31%)
Oklch
oklch(51.8% 0.158 36.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

963928
288595

Analogous

95284E
963928
956F28

Triadic

963928
289538
382895

Split-Comp.

963928
28956F
284E95

Tetradic

963928
4E9528
288595
6F2895

Contrast Matrix WCAG 2.1 Contrast

963928
895207
634F1D
A75A02
B03C17
—
1.1
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.5
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.5
Fail
—
1.2
Fail
1.2
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
White BG
7.2AAA
6.4AA
7.9AAA
5.1AA
6.0AA
Black BG
2.9Fail
3.3AA Large
2.7Fail
4.1AA Large
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6D2C
717119
5A5A29
868517
7E7D20

Deuteranopia

737A2D
74781D
5C5D2C
8A901C
858D22

Tritanopia

912F30
86272B
623335
A3282C
AA2729

Achromatopsia

535353
5A5A5A
4F4F4F
676767
5A5A5A

Shades & Tints Shades & Tints

#963928

Dark
Light

#895207

Dark
Light

#634F1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #963928;
  --color-2: #895207;
  --color-3: #634f1d;
  --color-4: #a75a02;
  --color-5: #b03c17;
}

SCSS

$color-1: #963928;
$color-2: #895207;
$color-3: #634f1d;
$color-4: #a75a02;
$color-5: #b03c17;

TAILWIND

colors: {
  'brand-1': '#963928',
  'brand-2': '#895207',
  'brand-3': '#634f1d',
  'brand-4': '#a75a02',
  'brand-5': '#b03c17',
}

RGB Array

[150, 57, 40], [137, 82, 7], [99, 79, 29], [167, 90, 2], [176, 60, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #963928, #895207, #634F1D, #A75A02, #B03C17 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: #963928; --color-2: #895207; --color-3: #634f1d; --color-4: #a75a02; --color-5: #b03c17. 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