← Back to Editor

#875D58 · #DA9F7D · #DBC0E0 · #D9D7FC · #E1F9E3

A 5-color palette 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

#875D58

Crimson · DimGray · Passion Red

HEX
#875D58
RGB
rgb(135, 93, 88)
HSL
hsl(6, 21%, 44%)
HSB
hsb(6, 35%, 53%)
CMYK
cmyk(0%, 31%, 35%, 47%)
Oklch
oklch(52.2% 0.056 26.7)

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

#DA9F7D

Apricot · DarkSalmon · Warm Sun

HEX
#DA9F7D
RGB
rgb(218, 159, 125)
HSL
hsl(22, 56%, 67%)
HSB
hsb(22, 43%, 85%)
CMYK
cmyk(0%, 27%, 43%, 15%)
Oklch
oklch(75.1% 0.085 51.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DBC0E0

Lilac · LightGray · Lavender

HEX
#DBC0E0
RGB
rgb(219, 192, 224)
HSL
hsl(291, 34%, 82%)
HSB
hsb(291, 14%, 88%)
CMYK
cmyk(2%, 14%, 0%, 12%)
Oklch
oklch(84.0% 0.053 321.0)

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

#D9D7FC

Wisteria · Lavender · Sky Blue

HEX
#D9D7FC
RGB
rgb(217, 215, 252)
HSL
hsl(243, 86%, 92%)
HSB
hsb(243, 15%, 99%)
CMYK
cmyk(14%, 15%, 0%, 1%)
Oklch
oklch(89.2% 0.051 287.8)

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

#E1F9E3

Emerald · Beige · Mint Green

HEX
#E1F9E3
RGB
rgb(225, 249, 227)
HSL
hsl(125, 67%, 93%)
HSB
hsb(125, 10%, 98%)
CMYK
cmyk(10%, 0%, 9%, 2%)
Oklch
oklch(95.9% 0.038 147.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

875D58
598388

Analogous

88596B
875D58
887559

Triadic

875D58
59885D
5D5988

Split-Comp.

875D58
598875
596B88

Tetradic

875D58
6B8859
598388
755988

Contrast Matrix WCAG 2.1 Contrast

875D58
DA9F7D
DBC0E0
D9D7FC
E1F9E3
—
2.5
Fail
3.4
AA Large
4.0
AA Large
5.0
AA
2.5
Fail
—
1.4
Fail
1.6
Fail
2.0
Fail
3.4
AA Large
1.4
Fail
—
1.2
Fail
1.5
Fail
4.0
AA Large
1.6
Fail
1.2
Fail
—
1.3
Fail
5.0
AA
2.0
Fail
1.5
Fail
1.3
Fail
—
White BG
5.6AA
2.3Fail
1.7Fail
1.4Fail
1.1Fail
Black BG
3.7AA Large
9.2AAA
12.6AAA
15.1AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757459
C0C085
CFCFD8
D8D8F3
EBECE8

Deuteranopia

777A5A
C4C887
D1D3D6
D8D8F1
EAE8EA

Tritanopia

855A5A
D78C8D
DAD2D1
D9ECEA
E2EDED

Achromatopsia

696969
ADADAD
CCCCCC
DCDCDC
EFEFEF

Shades & Tints Shades & Tints

#875D58

Dark
Light

#DA9F7D

Dark
Light

#DBC0E0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #875d58;
  --color-2: #da9f7d;
  --color-3: #dbc0e0;
  --color-4: #d9d7fc;
  --color-5: #e1f9e3;
}

SCSS

$color-1: #875d58;
$color-2: #da9f7d;
$color-3: #dbc0e0;
$color-4: #d9d7fc;
$color-5: #e1f9e3;

TAILWIND

colors: {
  'brand-1': '#875d58',
  'brand-2': '#da9f7d',
  'brand-3': '#dbc0e0',
  'brand-4': '#d9d7fc',
  'brand-5': '#e1f9e3',
}

RGB Array

[135, 93, 88], [218, 159, 125], [219, 192, 224], [217, 215, 252], [225, 249, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #875D58, #DA9F7D, #DBC0E0, #D9D7FC, #E1F9E3 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: #875d58; --color-2: #da9f7d; --color-3: #dbc0e0; --color-4: #d9d7fc; --color-5: #e1f9e3. 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