← Back to Editor

#951B36 · #D03D02 · #D39922 · #556C2C · #007D71

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

#951B36

Vermilion · Brown · Wine Red

HEX
#951B36
RGB
rgb(149, 27, 54)
HSL
hsl(347, 69%, 35%)
HSB
hsb(347, 82%, 58%)
CMYK
cmyk(0%, 82%, 64%, 42%)
Oklch
oklch(44.0% 0.156 14.8)

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

#D03D02

Tangerine · OrangeRed · Amber Brown

HEX
#D03D02
RGB
rgb(208, 61, 2)
HSL
hsl(17, 98%, 41%)
HSB
hsb(17, 99%, 82%)
CMYK
cmyk(0%, 71%, 99%, 18%)
Oklch
oklch(57.3% 0.192 36.8)

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

#D39922

Ochre · GoldenRod · Honey Gold

HEX
#D39922
RGB
rgb(211, 153, 34)
HSL
hsl(40, 72%, 48%)
HSB
hsb(40, 84%, 83%)
CMYK
cmyk(0%, 27%, 84%, 17%)
Oklch
oklch(72.1% 0.141 79.4)

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

#556C2C

Grass Green · DarkOliveGreen · Forest Green

HEX
#556C2C
RGB
rgb(85, 108, 44)
HSL
hsl(82, 42%, 30%)
HSB
hsb(82, 59%, 42%)
CMYK
cmyk(21%, 0%, 59%, 58%)
Oklch
oklch(49.8% 0.094 126.1)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#007D71

Mineral Blue · Teal · Peacock Green

HEX
#007D71
RGB
rgb(0, 125, 113)
HSL
hsl(174, 100%, 25%)
HSB
hsb(174, 100%, 49%)
CMYK
cmyk(100%, 0%, 10%, 51%)
Oklch
oklch(53.0% 0.094 183.3)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

951B36
1C977C

Analogous

971C74
951B36
973F1C

Triadic

951B36
36971C
1C3697

Split-Comp.

951B36
1C973F
1C7497

Tetradic

951B36
74971C
1C977C
3F1C97

Contrast Matrix WCAG 2.1 Contrast

951B36
D03D02
D39922
556C2C
007D71
—
1.7
Fail
3.4
AA Large
1.4
Fail
1.7
Fail
1.7
Fail
—
1.9
Fail
1.2
Fail
1.0
Fail
3.4
AA Large
1.9
Fail
—
2.3
Fail
2.0
Fail
1.4
Fail
1.2
Fail
2.3
Fail
—
1.2
Fail
1.7
Fail
1.0
Fail
2.0
Fail
1.2
Fail
—
White BG
8.4AAA
4.8AA
2.5Fail
5.9AA
5.0AA
Black BG
2.5Fail
4.4AA Large
8.3AAA
3.6AA Large
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

605F2F
908F10
BAB93F
5F5F3B
363774

Deuteranopia

67702E
99A414
BDC246
5E5C3F
2F2675

Tritanopia

8F2A29
C91C1E
D0565B
56484A
067677

Achromatopsia

434343
626262
9D9D9D
5E5E5E
565656

Shades & Tints Shades & Tints

#951B36

Dark
Light

#D03D02

Dark
Light

#D39922

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #951b36;
  --color-2: #d03d02;
  --color-3: #d39922;
  --color-4: #556c2c;
  --color-5: #007d71;
}

SCSS

$color-1: #951b36;
$color-2: #d03d02;
$color-3: #d39922;
$color-4: #556c2c;
$color-5: #007d71;

TAILWIND

colors: {
  'brand-1': '#951b36',
  'brand-2': '#d03d02',
  'brand-3': '#d39922',
  'brand-4': '#556c2c',
  'brand-5': '#007d71',
}

RGB Array

[149, 27, 54], [208, 61, 2], [211, 153, 34], [85, 108, 44], [0, 125, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #951B36, #D03D02, #D39922, #556C2C, #007D71 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: #951b36; --color-2: #d03d02; --color-3: #d39922; --color-4: #556c2c; --color-5: #007d71. 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