← Back to Editor

#044F52 · #983D0A · #B35009 · #C2660A · #CF7A19

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

#044F52

Lake Blue · DarkSlateGray · Peacock Green

HEX
#044F52
RGB
rgb(4, 79, 82)
HSL
hsl(182, 91%, 17%)
HSB
hsb(182, 95%, 32%)
CMYK
cmyk(95%, 4%, 0%, 68%)
Oklch
oklch(38.9% 0.065 199.3)

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

#983D0A

Tangerine · Brown · Amber Brown

HEX
#983D0A
RGB
rgb(152, 61, 10)
HSL
hsl(22, 88%, 32%)
HSB
hsb(22, 93%, 60%)
CMYK
cmyk(0%, 60%, 93%, 40%)
Oklch
oklch(47.8% 0.134 43.7)

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

#B35009

Tangerine · Sienna · Amber Brown

HEX
#B35009
RGB
rgb(179, 80, 9)
HSL
hsl(25, 90%, 37%)
HSB
hsb(25, 95%, 70%)
CMYK
cmyk(0%, 55%, 95%, 30%)
Oklch
oklch(54.9% 0.147 47.6)

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

#C2660A

Ochre · Chocolate · Amber Brown

HEX
#C2660A
RGB
rgb(194, 102, 10)
HSL
hsl(30, 90%, 40%)
HSB
hsb(30, 95%, 76%)
CMYK
cmyk(0%, 47%, 95%, 24%)
Oklch
oklch(60.6% 0.146 55.6)

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

#CF7A19

Ochre · Chocolate · Amber Brown

HEX
#CF7A19
RGB
rgb(207, 122, 25)
HSL
hsl(32, 78%, 45%)
HSB
hsb(32, 88%, 81%)
CMYK
cmyk(0%, 41%, 88%, 19%)
Oklch
oklch(65.8% 0.144 61.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

044F52
530704

Analogous

04532E
044F52
042953

Triadic

044F52
530450
505304

Split-Comp.

044F52
530429
532E04

Tetradic

044F52
2E0453
530704
295304

Contrast Matrix WCAG 2.1 Contrast

044F52
983D0A
B35009
C2660A
CF7A19
—
1.3
Fail
1.8
Fail
2.3
Fail
2.9
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
2.9
Fail
2.1
Fail
1.6
Fail
1.2
Fail
—
White BG
9.4AAA
7.0AA
5.2AA
4.0AA Large
3.3AA Large
Black BG
2.2Fail
3.0AA Large
4.1AA Large
5.2AA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242551
717016
88871A
9A9920
AAA930

Deuteranopia

201B51
767D19
8E951E
A0A626
AFB536

Tritanopia

085151
932022
AE282B
BD3236
CB4347

Achromatopsia

393939
525252
666666
777777
888888

Shades & Tints Shades & Tints

#044F52

Dark
Light

#983D0A

Dark
Light

#B35009

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #044f52;
  --color-2: #983d0a;
  --color-3: #b35009;
  --color-4: #c2660a;
  --color-5: #cf7a19;
}

SCSS

$color-1: #044f52;
$color-2: #983d0a;
$color-3: #b35009;
$color-4: #c2660a;
$color-5: #cf7a19;

TAILWIND

colors: {
  'brand-1': '#044f52',
  'brand-2': '#983d0a',
  'brand-3': '#b35009',
  'brand-4': '#c2660a',
  'brand-5': '#cf7a19',
}

RGB Array

[4, 79, 82], [152, 61, 10], [179, 80, 9], [194, 102, 10], [207, 122, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #044F52, #983D0A, #B35009, #C2660A, #CF7A19 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: #044f52; --color-2: #983d0a; --color-3: #b35009; --color-4: #c2660a; --color-5: #cf7a19. 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