#DA7575 + #E1A499 + #D0C8C1 + #C4E0D5 + #DBF1DE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DA7575

Peach Pink · LightCoral · Coral Red

HEX

#DA7575

RGB

rgb(218, 117, 117)

HSL

hsl(0, 58%, 66%)

HSB

hsb(0, 46%, 85%)

CMYK

cmyk(0%, 46%, 46%, 15%)

Oklch

oklch(67.6% 0.126 20.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E1A499

Peach Pink · Tan · Coral Red

HEX

#E1A499

RGB

rgb(225, 164, 153)

HSL

hsl(9, 55%, 74%)

HSB

hsb(9, 32%, 88%)

CMYK

cmyk(0%, 27%, 32%, 12%)

Oklch

oklch(77.4% 0.075 30.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D0C8C1

Apricot · Silver · Peach Orange

HEX

#D0C8C1

RGB

rgb(208, 200, 193)

HSL

hsl(28, 14%, 79%)

HSB

hsb(28, 7%, 82%)

CMYK

cmyk(0%, 4%, 7%, 18%)

Oklch

oklch(83.7% 0.013 63.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C4E0D5

Jade · LightGray · Mint Green

HEX

#C4E0D5

RGB

rgb(196, 224, 213)

HSL

hsl(156, 31%, 82%)

HSB

hsb(156, 12%, 88%)

CMYK

cmyk(12%, 0%, 5%, 12%)

Oklch

oklch(88.3% 0.033 169.9)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#DBF1DE

Celadon · Beige · Mint Green

HEX

#DBF1DE

RGB

rgb(219, 241, 222)

HSL

hsl(128, 44%, 90%)

HSB

hsb(128, 9%, 95%)

CMYK

cmyk(9%, 0%, 8%, 5%)

Oklch

oklch(93.7% 0.034 149.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA7575

76DBDB

Analogous

DB76A8

DA7575

DBA876

Triadic

DA7575

76DB76

7676DB

Split-Comp.

DA7575

76DBA8

76A8DB

Tetradic

DA7575

A8DB76

76DBDB

A876DB

Contrast Matrix WCAG 2.1 Contrast

DA7575	E1A499	D0C8C1	C4E0D5	DBF1DE
—	1.5 Fail	1.9 Fail	2.2 Fail	2.6 Fail
1.5 Fail	—	1.3 Fail	1.5 Fail	1.8 Fail
1.9 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
2.2 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
2.6 Fail	1.8 Fail	1.4 Fail	1.2 Fail	—

White BG

3.1AA Large

2.1Fail

1.7Fail

1.4Fail

1.2Fail

Black BG

6.8AA

10.0AAA

12.7AAA

15.0AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD75

C7C69C

CDCCC3

D0D0D8

E5E5E3

Deuteranopia

B4BC75

CACF9C

CDCEC3

CFCCD8

E3E2E4

Tritanopia

D57575

DE9E9E

D0C4C4

C5DADA

DCE6E7

Achromatopsia

939393

B5B5B5

CACACA

D6D6D6

E8E8E8

Shades & Tints Shades & Tints

#DA7575

Dark

Light

#E1A499

Dark

Light

#D0C8C1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da7575;
  --color-2: #e1a499;
  --color-3: #d0c8c1;
  --color-4: #c4e0d5;
  --color-5: #dbf1de;
}

SCSS

$color-1: #da7575;
$color-2: #e1a499;
$color-3: #d0c8c1;
$color-4: #c4e0d5;
$color-5: #dbf1de;

TAILWIND

colors: {
  'brand-1': '#da7575',
  'brand-2': '#e1a499',
  'brand-3': '#d0c8c1',
  'brand-4': '#c4e0d5',
  'brand-5': '#dbf1de',
}

RGB Array

[218, 117, 117], [225, 164, 153], [208, 200, 193], [196, 224, 213], [219, 241, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DA7575, #E1A499, #D0C8C1, #C4E0D5, #DBF1DE is ideal for: health products, baby brands, fresh-style blogs. 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: #da7575; --color-2: #e1a499; --color-3: #d0c8c1; --color-4: #c4e0d5; --color-5: #dbf1de. 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 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