← Back to Editor

#E6F4E7 · #E0D4D4 · #DAB5C1 · #B5979D · #7B6765

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E6F4E7

Celadon · Beige · Mint Green

HEX
#E6F4E7
RGB
rgb(230, 244, 231)
HSL
hsl(124, 39%, 93%)
HSB
hsb(124, 6%, 96%)
CMYK
cmyk(6%, 0%, 5%, 4%)
Oklch
oklch(95.3% 0.023 147.5)

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

#E0D4D4

Peach Pink · LightGray · Cherry Blossom

HEX
#E0D4D4
RGB
rgb(224, 212, 212)
HSL
hsl(0, 16%, 85%)
HSB
hsb(0, 5%, 88%)
CMYK
cmyk(0%, 5%, 5%, 12%)
Oklch
oklch(88.0% 0.013 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DAB5C1

Rouge · Silver · Cherry Blossom

HEX
#DAB5C1
RGB
rgb(218, 181, 193)
HSL
hsl(341, 33%, 78%)
HSB
hsb(341, 17%, 85%)
CMYK
cmyk(0%, 17%, 11%, 15%)
Oklch
oklch(80.9% 0.045 356.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#B5979D

Peach Pink · DarkGray · Coral Red

HEX
#B5979D
RGB
rgb(181, 151, 157)
HSL
hsl(348, 17%, 65%)
HSB
hsb(348, 17%, 71%)
CMYK
cmyk(0%, 17%, 13%, 29%)
Oklch
oklch(70.5% 0.037 4.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#7B6765

Crimson · DimGray · Passion Red

HEX
#7B6765
RGB
rgb(123, 103, 101)
HSL
hsl(5, 10%, 44%)
HSB
hsb(5, 18%, 48%)
CMYK
cmyk(0%, 16%, 18%, 52%)
Oklch
oklch(53.2% 0.026 24.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6F4E7
F4E6F3

Analogous

ECF4E6
E6F4E7
E6F4EE

Triadic

E6F4E7
E7E6F4
F4E7E6

Split-Comp.

E6F4E7
EEE6F4
F4E6EC

Tetradic

E6F4E7
E6ECF4
F4E6F3
F4EEE6

Contrast Matrix WCAG 2.1 Contrast

E6F4E7
E0D4D4
DAB5C1
B5979D
7B6765
—
1.3
Fail
1.6
Fail
2.3
Fail
4.6
AA
1.3
Fail
—
1.3
Fail
1.8
Fail
3.7
AA Large
1.6
Fail
1.3
Fail
—
1.4
Fail
2.9
Fail
2.3
Fail
1.8
Fail
1.4
Fail
—
2.0
Fail
4.6
AA
3.7
AA Large
2.9
Fail
2.0
Fail
—
White BG
1.1Fail
1.4Fail
1.8Fail
2.7Fail
5.3AA
Black BG
18.5AAA
14.5AAA
11.4AAA
7.9AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECEA
DBDBD4
CACABE
A8A89C
727265

Deuteranopia

EBEAEB
DCDCD4
CCCFBD
AAAC9B
747566

Tritanopia

E7EDED
DFD4D4
D8BCBB
B49A9A
7A6666

Achromatopsia

EEEEEE
D8D8D8
C1C1C1
A1A1A1
6D6D6D

Shades & Tints Shades & Tints

#E6F4E7

Dark
Light

#E0D4D4

Dark
Light

#DAB5C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6f4e7;
  --color-2: #e0d4d4;
  --color-3: #dab5c1;
  --color-4: #b5979d;
  --color-5: #7b6765;
}

SCSS

$color-1: #e6f4e7;
$color-2: #e0d4d4;
$color-3: #dab5c1;
$color-4: #b5979d;
$color-5: #7b6765;

TAILWIND

colors: {
  'brand-1': '#e6f4e7',
  'brand-2': '#e0d4d4',
  'brand-3': '#dab5c1',
  'brand-4': '#b5979d',
  'brand-5': '#7b6765',
}

RGB Array

[230, 244, 231], [224, 212, 212], [218, 181, 193], [181, 151, 157], [123, 103, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E6F4E7, #E0D4D4, #DAB5C1, #B5979D, #7B6765 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e6f4e7; --color-2: #e0d4d4; --color-3: #dab5c1; --color-4: #b5979d; --color-5: #7b6765. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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