← Back to Editor

#C2BEA1 · #A38E7B · #CDC0AD · #8B8970 · #D5D5CD

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#C2BEA1

Fresh Green · Tan · Sunflower

HEX
#C2BEA1
RGB
rgb(194, 190, 161)
HSL
hsl(53, 21%, 70%)
HSB
hsb(53, 17%, 76%)
CMYK
cmyk(0%, 2%, 17%, 24%)
Oklch
oklch(79.7% 0.040 100.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A38E7B

Tangerine · Gray · Warm Sun

HEX
#A38E7B
RGB
rgb(163, 142, 123)
HSL
hsl(29, 18%, 56%)
HSB
hsb(29, 25%, 64%)
CMYK
cmyk(0%, 13%, 25%, 36%)
Oklch
oklch(66.0% 0.037 64.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CDC0AD

Goose Yellow · Silver · Warm Sun

HEX
#CDC0AD
RGB
rgb(205, 192, 173)
HSL
hsl(36, 24%, 74%)
HSB
hsb(36, 16%, 80%)
CMYK
cmyk(0%, 6%, 16%, 20%)
Oklch
oklch(81.3% 0.030 77.5)

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

#8B8970

Autumn Sage · Gray · Honey Gold

HEX
#8B8970
RGB
rgb(139, 137, 112)
HSL
hsl(56, 11%, 49%)
HSB
hsb(56, 19%, 55%)
CMYK
cmyk(0%, 1%, 19%, 45%)
Oklch
oklch(62.5% 0.036 103.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D5D5CD

Fresh Green · LightGray · Pearl Gray

HEX
#D5D5CD
RGB
rgb(213, 213, 205)
HSL
hsl(60, 9%, 82%)
HSB
hsb(60, 4%, 84%)
CMYK
cmyk(0%, 0%, 4%, 16%)
Oklch
oklch(87.1% 0.011 106.6)

Traditional「Fresh Green」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2BEA1
A2A6C3

Analogous

C3AFA2
C2BEA1
B6C3A2

Triadic

C2BEA1
A2C3BF
BFA2C3

Split-Comp.

C2BEA1
A2B6C3
AFA2C3

Tetradic

C2BEA1
A2C3AF
A2A6C3
C3A2B6

Contrast Matrix WCAG 2.1 Contrast

C2BEA1
A38E7B
CDC0AD
8B8970
D5D5CD
—
1.7
Fail
1.1
Fail
1.9
Fail
1.3
Fail
1.7
Fail
—
1.7
Fail
1.1
Fail
2.1
Fail
1.1
Fail
1.7
Fail
—
2.0
Fail
1.2
Fail
1.9
Fail
1.1
Fail
2.0
Fail
—
2.4
Fail
1.3
Fail
2.1
Fail
1.2
Fail
2.4
Fail
—
White BG
1.9Fail
3.1AA Large
1.8Fail
3.6AA Large
1.5Fail
Black BG
11.2AAA
6.7AA
11.7AAA
5.9AA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0A8
9A9A80
C7C7B2
8A8A76
D5D5CF

Deuteranopia

C1C1AA
9B9D81
C8C9B3
8A8A78
D5D5CF

Tritanopia

C2AEAF
A28384
CCB5B6
8B7B7C
D5D0D1

Achromatopsia

BCBCBC
929292
C2C2C2
878787
D4D4D4

Shades & Tints Shades & Tints

#C2BEA1

Dark
Light

#A38E7B

Dark
Light

#CDC0AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2bea1;
  --color-2: #a38e7b;
  --color-3: #cdc0ad;
  --color-4: #8b8970;
  --color-5: #d5d5cd;
}

SCSS

$color-1: #c2bea1;
$color-2: #a38e7b;
$color-3: #cdc0ad;
$color-4: #8b8970;
$color-5: #d5d5cd;

TAILWIND

colors: {
  'brand-1': '#c2bea1',
  'brand-2': '#a38e7b',
  'brand-3': '#cdc0ad',
  'brand-4': '#8b8970',
  'brand-5': '#d5d5cd',
}

RGB Array

[194, 190, 161], [163, 142, 123], [205, 192, 173], [139, 137, 112], [213, 213, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #C2BEA1, #A38E7B, #CDC0AD, #8B8970, #D5D5CD 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: #c2bea1; --color-2: #a38e7b; --color-3: #cdc0ad; --color-4: #8b8970; --color-5: #d5d5cd. 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 minimal-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