← Back to Editor

#391541 · #680345 · #876451 · #C2B974 · #F7FBAF

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#391541

Royal Purple · MidnightBlue · Dark Purple

HEX
#391541
RGB
rgb(57, 21, 65)
HSL
hsl(289, 51%, 17%)
HSB
hsb(289, 68%, 25%)
CMYK
cmyk(12%, 68%, 0%, 75%)
Oklch
oklch(27.2% 0.088 320.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#680345

Rose Purple · Purple · Raspberry

HEX
#680345
RGB
rgb(104, 3, 69)
HSL
hsl(321, 94%, 21%)
HSB
hsb(321, 97%, 41%)
CMYK
cmyk(0%, 97%, 34%, 59%)
Oklch
oklch(34.4% 0.141 348.4)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#876451

Tangerine · DimGray · Amber Brown

HEX
#876451
RGB
rgb(135, 100, 81)
HSL
hsl(21, 25%, 42%)
HSB
hsb(21, 40%, 53%)
CMYK
cmyk(0%, 26%, 40%, 47%)
Oklch
oklch(53.4% 0.054 49.7)

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

#C2B974

Fresh Green · Tan · Sunflower

HEX
#C2B974
RGB
rgb(194, 185, 116)
HSL
hsl(53, 39%, 61%)
HSB
hsb(53, 40%, 76%)
CMYK
cmyk(0%, 5%, 40%, 24%)
Oklch
oklch(77.7% 0.090 101.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F7FBAF

Fresh Green · Wheat · Lemon Cream

HEX
#F7FBAF
RGB
rgb(247, 251, 175)
HSL
hsl(63, 90%, 84%)
HSB
hsb(63, 30%, 98%)
CMYK
cmyk(2%, 0%, 30%, 2%)
Oklch
oklch(96.8% 0.096 110.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

391541
1D4115

Analogous

231541
391541
411533

Triadic

391541
413915
154139

Split-Comp.

391541
334115
154123

Tetradic

391541
412315
1D4115
153341

Contrast Matrix WCAG 2.1 Contrast

391541
680345
876451
C2B974
F7FBAF
—
1.2
Fail
2.9
Fail
7.7
AAA
14.3
AAA
1.2
Fail
—
2.4
Fail
6.2
AA
11.5
AAA
2.9
Fail
2.4
Fail
—
2.6
Fail
4.9
AA
7.7
AAA
6.2
AA
2.6
Fail
—
1.8
Fail
14.3
AAA
11.5
AAA
4.9
AA
1.8
Fail
—
White BG
15.5AAA
12.4AAA
5.3AA
2.0Fail
1.1Fail
Black BG
1.4Fail
1.7Fail
4.0AA Large
10.5AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292936
3C3B35
787856
BEBE85
F9F9C1

Deuteranopia

2C2E34
424A31
7A7D57
BFBF89
F9F8C6

Tritanopia

372E2C
632826
85595A
C29295
F7D0D3

Achromatopsia

252525
292929
6C6C6C
B4B4B4
F1F1F1

Shades & Tints Shades & Tints

#391541

Dark
Light

#680345

Dark
Light

#876451

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #391541;
  --color-2: #680345;
  --color-3: #876451;
  --color-4: #c2b974;
  --color-5: #f7fbaf;
}

SCSS

$color-1: #391541;
$color-2: #680345;
$color-3: #876451;
$color-4: #c2b974;
$color-5: #f7fbaf;

TAILWIND

colors: {
  'brand-1': '#391541',
  'brand-2': '#680345',
  'brand-3': '#876451',
  'brand-4': '#c2b974',
  'brand-5': '#f7fbaf',
}

RGB Array

[57, 21, 65], [104, 3, 69], [135, 100, 81], [194, 185, 116], [247, 251, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #391541, #680345, #876451, #C2B974, #F7FBAF is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #391541; --color-2: #680345; --color-3: #876451; --color-4: #c2b974; --color-5: #f7fbaf. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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