← Back to Editor

#600000 · #901800 · #C06000 · #D87800 · #F09018

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

#600000

Vermilion · Maroon · Deep Berry

HEX
#600000
RGB
rgb(96, 0, 0)
HSL
hsl(0, 100%, 19%)
HSB
hsb(0, 100%, 38%)
CMYK
cmyk(0%, 100%, 100%, 62%)
Oklch
oklch(30.7% 0.126 29.2)

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

#901800

Vermilion · DarkRed · Wine Red

HEX
#901800
RGB
rgb(144, 24, 0)
HSL
hsl(10, 100%, 28%)
HSB
hsb(10, 100%, 56%)
CMYK
cmyk(0%, 83%, 100%, 44%)
Oklch
oklch(42.2% 0.158 32.6)

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

#C06000

Ochre · Chocolate · Amber Brown

HEX
#C06000
RGB
rgb(192, 96, 0)
HSL
hsl(30, 100%, 38%)
HSB
hsb(30, 100%, 75%)
CMYK
cmyk(0%, 50%, 100%, 25%)
Oklch
oklch(59.3% 0.149 53.7)

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

#D87800

Ochre · Chocolate · Amber Brown

HEX
#D87800
RGB
rgb(216, 120, 0)
HSL
hsl(33, 100%, 42%)
HSB
hsb(33, 100%, 85%)
CMYK
cmyk(0%, 44%, 100%, 15%)
Oklch
oklch(66.6% 0.157 59.6)

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

#F09018

Ginger · GoldenRod · Warm Sun

HEX
#F09018
RGB
rgb(240, 144, 24)
HSL
hsl(33, 88%, 52%)
HSB
hsb(33, 90%, 94%)
CMYK
cmyk(0%, 40%, 90%, 6%)
Oklch
oklch(73.8% 0.162 63.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

600000
006161

Analogous

610030
600000
613000

Triadic

600000
006100
000061

Split-Comp.

600000
006130
003061

Tetradic

600000
306100
006161
300061

Contrast Matrix WCAG 2.1 Contrast

600000
901800
C06000
D87800
F09018
—
1.5
Fail
3.3
AA Large
4.4
AA Large
5.8
AA
1.5
Fail
—
2.1
Fail
2.9
Fail
3.8
AA Large
3.3
AA Large
2.1
Fail
—
1.3
Fail
1.8
Fail
4.4
AA Large
2.9
Fail
1.3
Fail
—
1.3
Fail
5.8
AA
3.8
AA Large
1.8
Fail
1.3
Fail
—
White BG
14.0AAA
9.1AAA
4.3AA Large
3.2AA Large
2.4Fail
Black BG
1.5Fail
2.3Fail
4.9AA
6.6AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363600
5C5B06
969617
AEAE1D
C6C635

Deuteranopia

3C4300
636C07
9CA31D
B4BB24
CCD33C

Tritanopia

5B0000
8A0A0B
BB2A2E
D33439
EB4C51

Achromatopsia

1D1D1D
393939
727272
878787
9F9F9F

Shades & Tints Shades & Tints

#600000

Dark
Light

#901800

Dark
Light

#C06000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #600000;
  --color-2: #901800;
  --color-3: #c06000;
  --color-4: #d87800;
  --color-5: #f09018;
}

SCSS

$color-1: #600000;
$color-2: #901800;
$color-3: #c06000;
$color-4: #d87800;
$color-5: #f09018;

TAILWIND

colors: {
  'brand-1': '#600000',
  'brand-2': '#901800',
  'brand-3': '#c06000',
  'brand-4': '#d87800',
  'brand-5': '#f09018',
}

RGB Array

[96, 0, 0], [144, 24, 0], [192, 96, 0], [216, 120, 0], [240, 144, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #600000, #901800, #C06000, #D87800, #F09018 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: #600000; --color-2: #901800; --color-3: #c06000; --color-4: #d87800; --color-5: #f09018. 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