← Back to Editor

#ACA393 · #C6BBA9 · #D1C5B2 · #E9E4DE · #B2D1B5

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ACA393

Ginger · DarkGray · Warm Sun

HEX
#ACA393
RGB
rgb(172, 163, 147)
HSL
hsl(38, 13%, 63%)
HSB
hsb(38, 15%, 67%)
CMYK
cmyk(0%, 5%, 15%, 33%)
Oklch
oklch(71.9% 0.025 82.1)

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

#C6BBA9

Goose Yellow · Silver · Warm Sun

HEX
#C6BBA9
RGB
rgb(198, 187, 169)
HSL
hsl(37, 20%, 72%)
HSB
hsb(37, 15%, 78%)
CMYK
cmyk(0%, 6%, 15%, 22%)
Oklch
oklch(79.6% 0.028 80.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D1C5B2

Goose Yellow · Silver · Peach Orange

HEX
#D1C5B2
RGB
rgb(209, 197, 178)
HSL
hsl(37, 25%, 76%)
HSB
hsb(37, 15%, 82%)
CMYK
cmyk(0%, 6%, 15%, 18%)
Oklch
oklch(82.8% 0.029 79.4)

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

#E9E4DE

Goose Yellow · Beige · Peach Orange

HEX
#E9E4DE
RGB
rgb(233, 228, 222)
HSL
hsl(33, 20%, 89%)
HSB
hsb(33, 5%, 91%)
CMYK
cmyk(0%, 2%, 5%, 9%)
Oklch
oklch(92.1% 0.010 72.7)

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

#B2D1B5

Celadon · Silver · Apple Green

HEX
#B2D1B5
RGB
rgb(178, 209, 181)
HSL
hsl(126, 25%, 76%)
HSB
hsb(126, 15%, 82%)
CMYK
cmyk(15%, 0%, 13%, 18%)
Oklch
oklch(83.0% 0.051 147.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACA393
949DAD

Analogous

AD9894
ACA393
AAAD94

Triadic

ACA393
94ADA4
A494AD

Split-Comp.

ACA393
94AAAD
9894AD

Tetradic

ACA393
94AD98
949DAD
AD94AA

Contrast Matrix WCAG 2.1 Contrast

ACA393
C6BBA9
D1C5B2
E9E4DE
B2D1B5
—
1.3
Fail
1.5
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
1.1
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
White BG
2.5Fail
1.9Fail
1.7Fail
1.3Fail
1.7Fail
Black BG
8.4AAA
11.1AAA
12.3AAA
16.6AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A897
C1C1AD
CCCCB7
E7E7DF
BFC0BC

Deuteranopia

A9A998
C2C3AE
CDCDB8
E7E8E0
BEBBBD

Tritanopia

AC9A9B
C5B1B2
D0BABB
E9E1E1
B4C1C2

Achromatopsia

A4A4A4
BCBCBC
C6C6C6
E5E5E5
C5C5C5

Shades & Tints Shades & Tints

#ACA393

Dark
Light

#C6BBA9

Dark
Light

#D1C5B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aca393;
  --color-2: #c6bba9;
  --color-3: #d1c5b2;
  --color-4: #e9e4de;
  --color-5: #b2d1b5;
}

SCSS

$color-1: #aca393;
$color-2: #c6bba9;
$color-3: #d1c5b2;
$color-4: #e9e4de;
$color-5: #b2d1b5;

TAILWIND

colors: {
  'brand-1': '#aca393',
  'brand-2': '#c6bba9',
  'brand-3': '#d1c5b2',
  'brand-4': '#e9e4de',
  'brand-5': '#b2d1b5',
}

RGB Array

[172, 163, 147], [198, 187, 169], [209, 197, 178], [233, 228, 222], [178, 209, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACA393, #C6BBA9, #D1C5B2, #E9E4DE, #B2D1B5 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #aca393; --color-2: #c6bba9; --color-3: #d1c5b2; --color-4: #e9e4de; --color-5: #b2d1b5. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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