← Back to Editor

#DBC5D1 · #7D344E · #B3D494 · #CADBBA · #E6E4DA

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

WorkspaceReadingData Visualization

Color Details Color Details

#DBC5D1

Mauve · LightGray · Cherry Blossom

HEX
#DBC5D1
RGB
rgb(219, 197, 209)
HSL
hsl(327, 23%, 82%)
HSB
hsb(327, 10%, 86%)
CMYK
cmyk(0%, 10%, 5%, 14%)
Oklch
oklch(84.5% 0.029 343.7)

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

#7D344E

Dark Violet · Brown · Camellia

HEX
#7D344E
RGB
rgb(125, 52, 78)
HSL
hsl(339, 41%, 35%)
HSB
hsb(339, 58%, 49%)
CMYK
cmyk(0%, 58%, 38%, 51%)
Oklch
oklch(43.3% 0.105 0.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#B3D494

Celadon · DarkSeaGreen · Apple Green

HEX
#B3D494
RGB
rgb(179, 212, 148)
HSL
hsl(91, 43%, 71%)
HSB
hsb(91, 30%, 83%)
CMYK
cmyk(16%, 0%, 30%, 17%)
Oklch
oklch(83.0% 0.093 130.4)

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

#CADBBA

Celadon · LightGray · Apple Green

HEX
#CADBBA
RGB
rgb(202, 219, 186)
HSL
hsl(91, 31%, 79%)
HSB
hsb(91, 15%, 86%)
CMYK
cmyk(8%, 0%, 15%, 14%)
Oklch
oklch(87.0% 0.048 129.7)

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

#E6E4DA

Fresh Green · Beige · Lemon Cream

HEX
#E6E4DA
RGB
rgb(230, 228, 218)
HSL
hsl(50, 19%, 88%)
HSB
hsb(50, 5%, 90%)
CMYK
cmyk(0%, 1%, 5%, 10%)
Oklch
oklch(91.8% 0.014 97.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBC5D1
C7DCD0

Analogous

DBC7DC
DBC5D1
DCC7C8

Triadic

DBC5D1
D2DCC7
C7D2DC

Split-Comp.

DBC5D1
C8DCC7
C7DCDB

Tetradic

DBC5D1
DCDBC7
C7DCD0
C7C8DC

Contrast Matrix WCAG 2.1 Contrast

DBC5D1
7D344E
B3D494
CADBBA
E6E4DA
—
5.2
AA
1.0
Fail
1.1
Fail
1.3
Fail
5.2
AA
—
5.2
AA
5.8
AA
6.7
AA
1.0
Fail
5.2
AA
—
1.1
Fail
1.3
Fail
1.1
Fail
5.8
AA
1.1
Fail
—
1.1
Fail
1.3
Fail
6.7
AA
1.3
Fail
1.1
Fail
—
White BG
1.6Fail
8.5AAA
1.6Fail
1.5Fail
1.3Fail
Black BG
12.9AAA
2.5Fail
12.8AAA
14.4AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1CE
5D5D48
C1C2A3
D1D2C2
E5E5DC

Deuteranopia

D3D4CD
626746
BFBDA7
D0CFC4
E5E5DD

Tritanopia

DACCCB
794342
B5B0B2
CBC8CA
E6DEDF

Achromatopsia

CDCDCD
4D4D4D
C3C3C3
D2D2D2
E3E3E3

Shades & Tints Shades & Tints

#DBC5D1

Dark
Light

#7D344E

Dark
Light

#B3D494

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbc5d1;
  --color-2: #7d344e;
  --color-3: #b3d494;
  --color-4: #cadbba;
  --color-5: #e6e4da;
}

SCSS

$color-1: #dbc5d1;
$color-2: #7d344e;
$color-3: #b3d494;
$color-4: #cadbba;
$color-5: #e6e4da;

TAILWIND

colors: {
  'brand-1': '#dbc5d1',
  'brand-2': '#7d344e',
  'brand-3': '#b3d494',
  'brand-4': '#cadbba',
  'brand-5': '#e6e4da',
}

RGB Array

[219, 197, 209], [125, 52, 78], [179, 212, 148], [202, 219, 186], [230, 228, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBC5D1, #7D344E, #B3D494, #CADBBA, #E6E4DA 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: #dbc5d1; --color-2: #7d344e; --color-3: #b3d494; --color-4: #cadbba; --color-5: #e6e4da. 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 general-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