#DAE8B5 + #B6DFB0 + #6FD1A3 + #A37A7C + #D62255 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAE8B5

Willow Green · Wheat · Mint Green

HEX

#DAE8B5

RGB

rgb(218, 232, 181)

HSL

hsl(76, 53%, 81%)

HSB

hsb(76, 22%, 91%)

CMYK

cmyk(6%, 0%, 22%, 9%)

Oklch

oklch(90.8% 0.069 120.2)

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

#B6DFB0

Celadon · Silver · Apple Green

HEX

#B6DFB0

RGB

rgb(182, 223, 176)

HSL

hsl(112, 42%, 78%)

HSB

hsb(112, 21%, 87%)

CMYK

cmyk(18%, 0%, 21%, 13%)

Oklch

oklch(86.2% 0.077 141.5)

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

#6FD1A3

Jade · MediumAquaMarine · Apple Green

HEX

#6FD1A3

RGB

rgb(111, 209, 163)

HSL

hsl(152, 52%, 63%)

HSB

hsb(152, 47%, 82%)

CMYK

cmyk(47%, 0%, 22%, 18%)

Oklch

oklch(78.8% 0.115 161.8)

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

#A37A7C

Crimson · Gray · Passion Red

HEX

#A37A7C

RGB

rgb(163, 122, 124)

HSL

hsl(357, 18%, 56%)

HSB

hsb(357, 25%, 64%)

CMYK

cmyk(0%, 25%, 24%, 36%)

Oklch

oklch(62.0% 0.051 15.4)

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

#D62255

Dark Violet · Crimson · Camellia

HEX

#D62255

RGB

rgb(214, 34, 85)

HSL

hsl(343, 73%, 49%)

HSB

hsb(343, 84%, 84%)

CMYK

cmyk(0%, 84%, 60%, 16%)

Oklch

oklch(57.1% 0.211 12.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE8B5

C3B5E8

Analogous

E8DCB5

DAE8B5

C1E8B5

Triadic

DAE8B5

B5DBE8

E8B5DB

Split-Comp.

DAE8B5

B5C1E8

DCB5E8

Tetradic

DAE8B5

B5E8DC

C3B5E8

E8B5C1

Contrast Matrix WCAG 2.1 Contrast

DAE8B5	B6DFB0	6FD1A3	A37A7C	D62255
—	1.1 Fail	1.4 Fail	2.9 Fail	3.8 AA Large
1.1 Fail	—	1.3 Fail	2.5 Fail	3.4 AA Large
1.4 Fail	1.3 Fail	—	2.0 Fail	2.7 Fail
2.9 Fail	2.5 Fail	2.0 Fail	—	1.3 Fail
3.8 AA Large	3.4 AA Large	2.7 Fail	1.3 Fail	—

White BG

1.3Fail

1.5Fail

1.9Fail

3.7AA Large

5.0AA

Black BG

16.2AAA

14.2AAA

11.3AAA

5.6AA

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0C1

C8C8BB

999AAE

91917C

888649

Deuteranopia

DFDEC4

C5C2BE

948CB1

94977B

93A046

Tritanopia

DBCBCD

B8C4C6

74B7B9

A17B7B

CD3F3D

Achromatopsia

DEDEDE

CDCDCD

AEAEAE

868686

5E5E5E

Shades & Tints Shades & Tints

#DAE8B5

Dark

Light

#B6DFB0

Dark

Light

#6FD1A3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae8b5;
  --color-2: #b6dfb0;
  --color-3: #6fd1a3;
  --color-4: #a37a7c;
  --color-5: #d62255;
}

SCSS

$color-1: #dae8b5;
$color-2: #b6dfb0;
$color-3: #6fd1a3;
$color-4: #a37a7c;
$color-5: #d62255;

TAILWIND

colors: {
  'brand-1': '#dae8b5',
  'brand-2': '#b6dfb0',
  'brand-3': '#6fd1a3',
  'brand-4': '#a37a7c',
  'brand-5': '#d62255',
}

RGB Array

[218, 232, 181], [182, 223, 176], [111, 209, 163], [163, 122, 124], [214, 34, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE8B5, #B6DFB0, #6FD1A3, #A37A7C, #D62255 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: #dae8b5; --color-2: #b6dfb0; --color-3: #6fd1a3; --color-4: #a37a7c; --color-5: #d62255. 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