#AC958F + #C6B19C + #D4C3AF + #E9BCD9 + #D1C1E8 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AC958F

Peach Pink · DarkGray · Coral Red

HEX

#AC958F

RGB

rgb(172, 149, 143)

HSL

hsl(12, 15%, 62%)

HSB

hsb(12, 17%, 67%)

CMYK

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

Oklch

oklch(68.9% 0.029 35.0)

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

#C6B19C

Ginger · Tan · Warm Sun

HEX

#C6B19C

RGB

rgb(198, 177, 156)

HSL

hsl(30, 27%, 69%)

HSB

hsb(30, 21%, 78%)

CMYK

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

Oklch

oklch(77.3% 0.038 67.2)

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

#D4C3AF

Goose Yellow · Silver · Peach Orange

HEX

#D4C3AF

RGB

rgb(212, 195, 175)

HSL

hsl(32, 30%, 76%)

HSB

hsb(32, 17%, 83%)

CMYK

cmyk(0%, 8%, 17%, 17%)

Oklch

oklch(82.6% 0.033 71.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E9BCD9

Mauve · Pink · Cherry Blossom

HEX

#E9BCD9

RGB

rgb(233, 188, 217)

HSL

hsl(321, 51%, 83%)

HSB

hsb(321, 19%, 91%)

CMYK

cmyk(0%, 19%, 7%, 9%)

Oklch

oklch(84.3% 0.064 339.7)

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

#D1C1E8

Wisteria · LightGray · Lavender

HEX

#D1C1E8

RGB

rgb(209, 193, 232)

HSL

hsl(265, 46%, 83%)

HSB

hsb(265, 17%, 91%)

CMYK

cmyk(10%, 17%, 0%, 9%)

Oklch

oklch(83.7% 0.056 303.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC958F

90A7AD

Analogous

AD9098

AC958F

ADA490

Triadic

AC958F

90AD95

9590AD

Split-Comp.

AC958F

90ADA4

9098AD

Tetradic

AC958F

98AD90

90A7AD

A490AD

Contrast Matrix WCAG 2.1 Contrast

AC958F	C6B19C	D4C3AF	E9BCD9	D1C1E8
—	1.4 Fail	1.6 Fail	1.7 Fail	1.7 Fail
1.4 Fail	—	1.2 Fail	1.2 Fail	1.2 Fail
1.6 Fail	1.2 Fail	—	1.0 Fail	1.0 Fail
1.7 Fail	1.2 Fail	1.0 Fail	—	1.0 Fail
1.7 Fail	1.2 Fail	1.0 Fail	1.0 Fail	—

White BG

2.8Fail

2.1Fail

1.7Fail

Black BG

7.4AAA

10.2AAA

12.2AAA

12.7AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A290

BDBDA1

CDCCB4

D6D5D2

CACADF

Deuteranopia

A3A591

BEC0A2

CECFB5

D8DCD0

CBCCDC

Tritanopia

AB9292

C5A5A6

D3B8B9

E7CCCB

D0D7D5

Achromatopsia

9B9B9B

B5B5B5

C6C6C6

CDCDCD

CACACA

Shades & Tints Shades & Tints

#AC958F

Dark

Light

#C6B19C

Dark

Light

#D4C3AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac958f;
  --color-2: #c6b19c;
  --color-3: #d4c3af;
  --color-4: #e9bcd9;
  --color-5: #d1c1e8;
}

SCSS

$color-1: #ac958f;
$color-2: #c6b19c;
$color-3: #d4c3af;
$color-4: #e9bcd9;
$color-5: #d1c1e8;

TAILWIND

colors: {
  'brand-1': '#ac958f',
  'brand-2': '#c6b19c',
  'brand-3': '#d4c3af',
  'brand-4': '#e9bcd9',
  'brand-5': '#d1c1e8',
}

RGB Array

[172, 149, 143], [198, 177, 156], [212, 195, 175], [233, 188, 217], [209, 193, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #AC958F, #C6B19C, #D4C3AF, #E9BCD9, #D1C1E8 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: #ac958f; --color-2: #c6b19c; --color-3: #d4c3af; --color-4: #e9bcd9; --color-5: #d1c1e8. 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