#C2AD92 + #B46868 + #CD9489 + #BBD1AD + #D9E8C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C2AD92

Ginger · Tan · Warm Sun

HEX

#C2AD92

RGB

rgb(194, 173, 146)

HSL

hsl(34, 28%, 67%)

HSB

hsb(34, 25%, 76%)

CMYK

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

Oklch

oklch(75.9% 0.044 74.0)

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

#B46868

Crimson · Gray · Passion Red

HEX

#B46868

RGB

rgb(180, 104, 104)

HSL

hsl(0, 34%, 56%)

HSB

hsb(0, 42%, 71%)

CMYK

cmyk(0%, 42%, 42%, 29%)

Oklch

oklch(60.2% 0.098 20.3)

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

#CD9489

Peach Pink · DarkSalmon · Coral Red

HEX

#CD9489

RGB

rgb(205, 148, 137)

HSL

hsl(10, 40%, 67%)

HSB

hsb(10, 33%, 80%)

CMYK

cmyk(0%, 28%, 33%, 20%)

Oklch

oklch(71.9% 0.071 31.1)

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

#BBD1AD

Celadon · Silver · Apple Green

HEX

#BBD1AD

RGB

rgb(187, 209, 173)

HSL

hsl(97, 28%, 75%)

HSB

hsb(97, 17%, 82%)

CMYK

cmyk(11%, 0%, 17%, 18%)

Oklch

oklch(83.5% 0.055 133.3)

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

#D9E8C1

Willow Green · LightGray · Mint Green

HEX

#D9E8C1

RGB

rgb(217, 232, 193)

HSL

hsl(83, 46%, 83%)

HSB

hsb(83, 17%, 91%)

CMYK

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

Oklch

oklch(91.0% 0.054 124.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2AD92

93A8C2

Analogous

C29693

C2AD92

BFC293

Triadic

C2AD92

93C2AE

AE93C2

Split-Comp.

C2AD92

93BFC2

9693C2

Tetradic

C2AD92

93C296

93A8C2

C293BF

Contrast Matrix WCAG 2.1 Contrast

C2AD92	B46868	CD9489	BBD1AD	D9E8C1
—	1.9 Fail	1.2 Fail	1.3 Fail	1.7 Fail
1.9 Fail	—	1.6 Fail	2.5 Fail	3.2 AA Large
1.2 Fail	1.6 Fail	—	1.6 Fail	2.0 Fail
1.3 Fail	2.5 Fail	1.6 Fail	—	1.3 Fail
1.7 Fail	3.2 AA Large	2.0 Fail	1.3 Fail	—

White BG

2.2Fail

4.1AA Large

2.6Fail

1.6Fail

1.3Fail

Black BG

9.7AAA

5.1AA

8.2AAA

12.8AAA

16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B999

939268

B4B48C

C5C5B6

DFE0CA

Deuteranopia

BABC9A

989D68

B8BC8C

C3C2B8

DFDDCD

Tritanopia

C19E9F

B06868

CA8E8E

BCBDBE

DAD2D4

Achromatopsia

B0B0B0

7F7F7F

A4A4A4

C6C6C6

DFDFDF

Shades & Tints Shades & Tints

#C2AD92

Dark

Light

#B46868

Dark

Light

#CD9489

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2ad92;
  --color-2: #b46868;
  --color-3: #cd9489;
  --color-4: #bbd1ad;
  --color-5: #d9e8c1;
}

SCSS

$color-1: #c2ad92;
$color-2: #b46868;
$color-3: #cd9489;
$color-4: #bbd1ad;
$color-5: #d9e8c1;

TAILWIND

colors: {
  'brand-1': '#c2ad92',
  'brand-2': '#b46868',
  'brand-3': '#cd9489',
  'brand-4': '#bbd1ad',
  'brand-5': '#d9e8c1',
}

RGB Array

[194, 173, 146], [180, 104, 104], [205, 148, 137], [187, 209, 173], [217, 232, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2AD92, #B46868, #CD9489, #BBD1AD, #D9E8C1 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: #c2ad92; --color-2: #b46868; --color-3: #cd9489; --color-4: #bbd1ad; --color-5: #d9e8c1. 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