← Back to Editor

#353973 · #9E9AE6 · #EEBB52 · #D67974 · #5D3E6B

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#353973

Indigo · DarkSlateBlue · Prussian Blue

HEX
#353973
RGB
rgb(53, 57, 115)
HSL
hsl(236, 37%, 33%)
HSB
hsb(236, 54%, 45%)
CMYK
cmyk(54%, 50%, 0%, 55%)
Oklch
oklch(37.3% 0.098 277.6)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#9E9AE6

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#9E9AE6
RGB
rgb(158, 154, 230)
HSL
hsl(243, 60%, 75%)
HSB
hsb(243, 33%, 90%)
CMYK
cmyk(31%, 33%, 0%, 10%)
Oklch
oklch(71.9% 0.110 285.7)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#EEBB52

Ginger · SandyBrown · Sunflower

HEX
#EEBB52
RGB
rgb(238, 187, 82)
HSL
hsl(40, 82%, 63%)
HSB
hsb(40, 66%, 93%)
CMYK
cmyk(0%, 21%, 66%, 7%)
Oklch
oklch(81.9% 0.134 82.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D67974

Peach Pink · LightCoral · Coral Red

HEX
#D67974
RGB
rgb(214, 121, 116)
HSL
hsl(3, 54%, 65%)
HSB
hsb(3, 46%, 84%)
CMYK
cmyk(0%, 43%, 46%, 16%)
Oklch
oklch(67.7% 0.117 23.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#5D3E6B

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5D3E6B
RGB
rgb(93, 62, 107)
HSL
hsl(281, 27%, 33%)
HSB
hsb(281, 42%, 42%)
CMYK
cmyk(13%, 42%, 0%, 58%)
Oklch
oklch(41.8% 0.081 314.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

353973
736F35

Analogous

355873
353973
503573

Triadic

353973
733539
397335

Split-Comp.

353973
735035
587335

Tetradic

353973
733558
736F35
357350

Contrast Matrix WCAG 2.1 Contrast

353973
9E9AE6
EEBB52
D67974
5D3E6B
—
4.1
AA Large
6.0
AA
3.5
AA Large
1.2
Fail
4.1
AA Large
—
1.4
Fail
1.2
Fail
3.5
AA Large
6.0
AA
1.4
Fail
—
1.7
Fail
5.0
AA
3.5
AA Large
1.2
Fail
1.7
Fail
—
2.9
Fail
1.2
Fail
3.5
AA Large
5.0
AA
2.9
Fail
—
White BG
10.6AAA
2.6Fail
1.8Fail
3.1AA Large
8.9AAA
Black BG
2.0Fail
8.2AAA
11.9AAA
6.8AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

373765
9C9CD4
D8D76B
AEAD75
504F60

Deuteranopia

373662
9D9DCF
DBDF72
B3BA75
51545D

Tritanopia

355A57
9EC5C2
EB7F84
D17676
5B5856

Achromatopsia

3E3E3E
A4A4A4
BEBEBE
949494
4C4C4C

Shades & Tints Shades & Tints

#353973

Dark
Light

#9E9AE6

Dark
Light

#EEBB52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #353973;
  --color-2: #9e9ae6;
  --color-3: #eebb52;
  --color-4: #d67974;
  --color-5: #5d3e6b;
}

SCSS

$color-1: #353973;
$color-2: #9e9ae6;
$color-3: #eebb52;
$color-4: #d67974;
$color-5: #5d3e6b;

TAILWIND

colors: {
  'brand-1': '#353973',
  'brand-2': '#9e9ae6',
  'brand-3': '#eebb52',
  'brand-4': '#d67974',
  'brand-5': '#5d3e6b',
}

RGB Array

[53, 57, 115], [158, 154, 230], [238, 187, 82], [214, 121, 116], [93, 62, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #353973, #9E9AE6, #EEBB52, #D67974, #5D3E6B 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: #353973; --color-2: #9e9ae6; --color-3: #eebb52; --color-4: #d67974; --color-5: #5d3e6b. 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