#D6B7A3 + #DEBE60 + #E6ACCE + #C2ABD9 + #A1BADF · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6B7A3

Apricot · Tan · Warm Sun

HEX

#D6B7A3

RGB

rgb(214, 183, 163)

HSL

hsl(24, 38%, 74%)

HSB

hsb(24, 24%, 84%)

CMYK

cmyk(0%, 14%, 24%, 16%)

Oklch

oklch(80.1% 0.045 54.8)

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

#DEBE60

Ginger · SandyBrown · Sunflower

HEX

#DEBE60

RGB

rgb(222, 190, 96)

HSL

hsl(45, 66%, 62%)

HSB

hsb(45, 57%, 87%)

CMYK

cmyk(0%, 14%, 57%, 13%)

Oklch

oklch(81.0% 0.119 90.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E6ACCE

Mauve · LightPink · Cherry Blossom

HEX

#E6ACCE

RGB

rgb(230, 172, 206)

HSL

hsl(325, 54%, 79%)

HSB

hsb(325, 25%, 90%)

CMYK

cmyk(0%, 25%, 10%, 10%)

Oklch

oklch(80.8% 0.081 343.1)

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

#C2ABD9

Lilac · LightSteelBlue · Lilac Purple

HEX

#C2ABD9

RGB

rgb(194, 171, 217)

HSL

hsl(270, 38%, 76%)

HSB

hsb(270, 21%, 85%)

CMYK

cmyk(11%, 21%, 0%, 15%)

Oklch

oklch(77.6% 0.069 307.5)

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

#A1BADF

Azure · LightSteelBlue · Cobalt Blue

HEX

#A1BADF

RGB

rgb(161, 186, 223)

HSL

hsl(216, 49%, 75%)

HSB

hsb(216, 28%, 87%)

CMYK

cmyk(28%, 17%, 0%, 13%)

Oklch

oklch(78.3% 0.060 258.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6B7A3

A4C2D6

Analogous

D6A4A9

D6B7A3

D6D1A4

Triadic

D6B7A3

A4D6B8

B8A4D6

Split-Comp.

D6B7A3

A4D6D1

A4A9D6

Tetradic

D6B7A3

A9D6A4

A4C2D6

D1A4D6

Contrast Matrix WCAG 2.1 Contrast

D6B7A3	DEBE60	E6ACCE	C2ABD9	A1BADF
—	1.0 Fail	1.0 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.2 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.9Fail

1.8Fail

1.9Fail

2.1Fail

2.0Fail

Black BG

11.2AAA

11.6AAA

11.2AAA

10.1AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C8A8

D0D077

CDCCC6

B8B8CE

ACACD6

Deuteranopia

CACDA9

D2D47C

D0D5C4

B9BBCB

AAA9D4

Tritanopia

D4ACAD

DC898D

E3BFBE

C1C5C3

A2CFCD

Achromatopsia

BEBEBE

BDBDBD

C1C1C1

B7B7B7

Shades & Tints Shades & Tints

#D6B7A3

Dark

Light

#DEBE60

Dark

Light

#E6ACCE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6b7a3;
  --color-2: #debe60;
  --color-3: #e6acce;
  --color-4: #c2abd9;
  --color-5: #a1badf;
}

SCSS

$color-1: #d6b7a3;
$color-2: #debe60;
$color-3: #e6acce;
$color-4: #c2abd9;
$color-5: #a1badf;

TAILWIND

colors: {
  'brand-1': '#d6b7a3',
  'brand-2': '#debe60',
  'brand-3': '#e6acce',
  'brand-4': '#c2abd9',
  'brand-5': '#a1badf',
}

RGB Array

[214, 183, 163], [222, 190, 96], [230, 172, 206], [194, 171, 217], [161, 186, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #D6B7A3, #DEBE60, #E6ACCE, #C2ABD9, #A1BADF 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: #d6b7a3; --color-2: #debe60; --color-3: #e6acce; --color-4: #c2abd9; --color-5: #a1badf. 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 space-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