← Back to Editor

#351B3E · #AD1162 · #E075A9 · #F8DEC7 · #BCA09D

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

#351B3E

Dark Plum · DarkSlateGray · Dark Purple

HEX
#351B3E
RGB
rgb(53, 27, 62)
HSL
hsl(285, 39%, 17%)
HSB
hsb(285, 56%, 24%)
CMYK
cmyk(15%, 56%, 0%, 76%)
Oklch
oklch(27.5% 0.070 316.9)

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

#AD1162

Rose Purple · MediumVioletRed · Camellia

HEX
#AD1162
RGB
rgb(173, 17, 98)
HSL
hsl(329, 82%, 37%)
HSB
hsb(329, 90%, 68%)
CMYK
cmyk(0%, 90%, 43%, 32%)
Oklch
oklch(49.2% 0.192 357.3)

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

#E075A9

Rouge · LightCoral · Rose Pink

HEX
#E075A9
RGB
rgb(224, 117, 169)
HSL
hsl(331, 63%, 67%)
HSB
hsb(331, 48%, 88%)
CMYK
cmyk(0%, 48%, 25%, 12%)
Oklch
oklch(69.9% 0.145 351.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F8DEC7

Apricot · Bisque · Peach Orange

HEX
#F8DEC7
RGB
rgb(248, 222, 199)
HSL
hsl(28, 78%, 88%)
HSB
hsb(28, 20%, 97%)
CMYK
cmyk(0%, 10%, 20%, 3%)
Oklch
oklch(91.6% 0.042 63.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#BCA09D

Peach Pink · DarkGray · Coral Red

HEX
#BCA09D
RGB
rgb(188, 160, 157)
HSL
hsl(6, 19%, 68%)
HSB
hsb(6, 16%, 74%)
CMYK
cmyk(0%, 15%, 16%, 26%)
Oklch
oklch(73.0% 0.033 25.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

351B3E
233C1A

Analogous

231A3C
351B3E
3C1A34

Triadic

351B3E
3C341A
1A3C34

Split-Comp.

351B3E
343C1A
1A3C23

Tetradic

351B3E
3C231A
233C1A
1A343C

Contrast Matrix WCAG 2.1 Contrast

351B3E
AD1162
E075A9
F8DEC7
BCA09D
—
2.2
Fail
5.3
AA
11.8
AAA
6.3
AA
2.2
Fail
—
2.4
Fail
5.4
AA
2.9
Fail
5.3
AA
2.4
Fail
—
2.2
Fail
1.2
Fail
11.8
AAA
5.4
AA
2.2
Fail
—
1.9
Fail
6.3
AA
2.9
Fail
1.2
Fail
1.9
Fail
—
White BG
15.2AAA
6.9AA
2.9Fail
1.3Fail
2.4Fail
Black BG
1.4Fail
3.0AA Large
7.3AAA
16.3AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A36
69684E
B2B19C
EDEDCD
B0B09E

Deuteranopia

2B2D34
737E4A
B8C099
EEF0CE
B2B49E

Tritanopia

342F2D
A53F3C
DB9290
F7D1D2
BB9E9E

Achromatopsia

272727
494949
9B9B9B
E3E3E3
A8A8A8

Shades & Tints Shades & Tints

#351B3E

Dark
Light

#AD1162

Dark
Light

#E075A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #351b3e;
  --color-2: #ad1162;
  --color-3: #e075a9;
  --color-4: #f8dec7;
  --color-5: #bca09d;
}

SCSS

$color-1: #351b3e;
$color-2: #ad1162;
$color-3: #e075a9;
$color-4: #f8dec7;
$color-5: #bca09d;

TAILWIND

colors: {
  'brand-1': '#351b3e',
  'brand-2': '#ad1162',
  'brand-3': '#e075a9',
  'brand-4': '#f8dec7',
  'brand-5': '#bca09d',
}

RGB Array

[53, 27, 62], [173, 17, 98], [224, 117, 169], [248, 222, 199], [188, 160, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #351B3E, #AD1162, #E075A9, #F8DEC7, #BCA09D 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: #351b3e; --color-2: #ad1162; --color-3: #e075a9; --color-4: #f8dec7; --color-5: #bca09d. 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