← Back to Editor

#831D5F · #D1BAE9 · #B8E4D8 · #CDDDC4 · #E4ECCE

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#831D5F

Rose Purple · Purple · Camellia

HEX
#831D5F
RGB
rgb(131, 29, 95)
HSL
hsl(321, 64%, 31%)
HSB
hsb(321, 78%, 51%)
CMYK
cmyk(0%, 78%, 27%, 49%)
Oklch
oklch(42.3% 0.152 346.0)

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

#D1BAE9

Wisteria · LightGray · Lavender

HEX
#D1BAE9
RGB
rgb(209, 186, 233)
HSL
hsl(269, 52%, 82%)
HSB
hsb(269, 20%, 91%)
CMYK
cmyk(10%, 20%, 0%, 9%)
Oklch
oklch(82.4% 0.069 307.1)

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

#B8E4D8

Jade · LightBlue · Glacier Blue

HEX
#B8E4D8
RGB
rgb(184, 228, 216)
HSL
hsl(164, 45%, 81%)
HSB
hsb(164, 19%, 89%)
CMYK
cmyk(19%, 0%, 5%, 11%)
Oklch
oklch(88.4% 0.049 176.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#CDDDC4

Celadon · LightGray · Mint Green

HEX
#CDDDC4
RGB
rgb(205, 221, 196)
HSL
hsl(98, 27%, 82%)
HSB
hsb(98, 11%, 87%)
CMYK
cmyk(7%, 0%, 11%, 13%)
Oklch
oklch(87.9% 0.038 134.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#E4ECCE

Willow Green · Beige · Mint Green

HEX
#E4ECCE
RGB
rgb(228, 236, 206)
HSL
hsl(76, 44%, 87%)
HSB
hsb(76, 13%, 93%)
CMYK
cmyk(3%, 0%, 13%, 7%)
Oklch
oklch(92.9% 0.041 119.3)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

831D5F
1C8240

Analogous

721C82
831D5F
821C2C

Triadic

831D5F
5E821C
1C5E82

Split-Comp.

831D5F
2C821C
1C8272

Tetradic

831D5F
82721C
1C8240
1C2C82

Contrast Matrix WCAG 2.1 Contrast

831D5F
D1BAE9
B8E4D8
CDDDC4
E4ECCE
—
5.2
AA
6.6
AA
6.4
AA
7.5
AAA
5.2
AA
—
1.3
Fail
1.2
Fail
1.4
Fail
6.6
AA
1.3
Fail
—
1.0
Fail
1.1
Fail
6.4
AA
1.2
Fail
1.0
Fail
—
1.2
Fail
7.5
AAA
1.4
Fail
1.1
Fail
1.2
Fail
—
White BG
9.1AAA
1.8Fail
1.4Fail
1.4Fail
1.2Fail
Black BG
2.3Fail
11.9AAA
15.1AAA
14.7AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

57564F
C7C7DE
CBCBDB
D4D4CA
E7E8D5

Deuteranopia

5D644B
C8CADB
C9C5DC
D3D2CC
E7E6D7

Tritanopia

7E4240
D0D5D3
BADDDE
CECFD0
E4DBDC

Achromatopsia

434343
C6C6C6
D5D5D5
D5D5D5
E6E6E6

Shades & Tints Shades & Tints

#831D5F

Dark
Light

#D1BAE9

Dark
Light

#B8E4D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #831d5f;
  --color-2: #d1bae9;
  --color-3: #b8e4d8;
  --color-4: #cdddc4;
  --color-5: #e4ecce;
}

SCSS

$color-1: #831d5f;
$color-2: #d1bae9;
$color-3: #b8e4d8;
$color-4: #cdddc4;
$color-5: #e4ecce;

TAILWIND

colors: {
  'brand-1': '#831d5f',
  'brand-2': '#d1bae9',
  'brand-3': '#b8e4d8',
  'brand-4': '#cdddc4',
  'brand-5': '#e4ecce',
}

RGB Array

[131, 29, 95], [209, 186, 233], [184, 228, 216], [205, 221, 196], [228, 236, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #831D5F, #D1BAE9, #B8E4D8, #CDDDC4, #E4ECCE is ideal for: health products, baby brands, fresh-style blogs, 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: #831d5f; --color-2: #d1bae9; --color-3: #b8e4d8; --color-4: #cdddc4; --color-5: #e4ecce. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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