← Back to Editor

#E7EBE4 · #DAD3CA · #D0B9BC · #C598AF · #B0729A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7EBE4

Celadon · Beige · Mint Green

HEX
#E7EBE4
RGB
rgb(231, 235, 228)
HSL
hsl(94, 15%, 91%)
HSB
hsb(94, 3%, 92%)
CMYK
cmyk(2%, 0%, 3%, 8%)
Oklch
oklch(93.5% 0.010 131.4)

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

#DAD3CA

Goose Yellow · LightGray · Peach Orange

HEX
#DAD3CA
RGB
rgb(218, 211, 202)
HSL
hsl(34, 18%, 82%)
HSB
hsb(34, 7%, 85%)
CMYK
cmyk(0%, 3%, 7%, 15%)
Oklch
oklch(87.0% 0.014 74.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D0B9BC

Peach Pink · Silver · Coral Red

HEX
#D0B9BC
RGB
rgb(208, 185, 188)
HSL
hsl(352, 20%, 77%)
HSB
hsb(352, 11%, 82%)
CMYK
cmyk(0%, 11%, 10%, 18%)
Oklch
oklch(80.6% 0.027 8.7)

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

#C598AF

Mauve · DarkGray · Rose Pink

HEX
#C598AF
RGB
rgb(197, 152, 175)
HSL
hsl(329, 28%, 68%)
HSB
hsb(329, 23%, 77%)
CMYK
cmyk(0%, 23%, 11%, 23%)
Oklch
oklch(72.9% 0.062 346.6)

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

#B0729A

Rose Purple · Gray · Rose Pink

HEX
#B0729A
RGB
rgb(176, 114, 154)
HSL
hsl(321, 28%, 57%)
HSB
hsb(321, 35%, 69%)
CMYK
cmyk(0%, 35%, 13%, 31%)
Oklch
oklch(63.0% 0.094 341.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7EBE4
E9E5EB

Analogous

EBEBE5
E7EBE4
E5EBE5

Triadic

E7EBE4
E5E8EB
EBE5E8

Split-Comp.

E7EBE4
E5E5EB
EBE5EB

Tetradic

E7EBE4
E5EBEB
E9E5EB
EBE5E5

Contrast Matrix WCAG 2.1 Contrast

E7EBE4
DAD3CA
D0B9BC
C598AF
B0729A
—
1.2
Fail
1.5
Fail
2.1
Fail
3.0
AA Large
1.2
Fail
—
1.2
Fail
1.7
Fail
2.5
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
3.0
AA Large
2.5
Fail
2.0
Fail
1.5
Fail
—
White BG
1.2Fail
1.5Fail
1.9Fail
2.5Fail
3.7AA Large
Black BG
17.4AAA
14.2AAA
11.3AAA
8.5AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9E6
D7D7CC
C6C6BB
B2B1A9
959590

Deuteranopia

E9E8E6
D7D8CD
C7C9BB
B4B7A8
999D8E

Tritanopia

E7E7E7
DACECE
CFBBBB
C3A5A4
AD8987

Achromatopsia

E9E9E9
D4D4D4
C0C0C0
A8A8A8
898989

Shades & Tints Shades & Tints

#E7EBE4

Dark
Light

#DAD3CA

Dark
Light

#D0B9BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7ebe4;
  --color-2: #dad3ca;
  --color-3: #d0b9bc;
  --color-4: #c598af;
  --color-5: #b0729a;
}

SCSS

$color-1: #e7ebe4;
$color-2: #dad3ca;
$color-3: #d0b9bc;
$color-4: #c598af;
$color-5: #b0729a;

TAILWIND

colors: {
  'brand-1': '#e7ebe4',
  'brand-2': '#dad3ca',
  'brand-3': '#d0b9bc',
  'brand-4': '#c598af',
  'brand-5': '#b0729a',
}

RGB Array

[231, 235, 228], [218, 211, 202], [208, 185, 188], [197, 152, 175], [176, 114, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7EBE4, #DAD3CA, #D0B9BC, #C598AF, #B0729A is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #e7ebe4; --color-2: #dad3ca; --color-3: #d0b9bc; --color-4: #c598af; --color-5: #b0729a. 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. 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 general-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