#C0A995 + #999B8A + #DBDFC2 + #FBFFE0 + #DDCCC0 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#C0A995

Apricot · Tan · Warm Sun

HEX

#C0A995

RGB

rgb(192, 169, 149)

HSL

hsl(28, 25%, 67%)

HSB

hsb(28, 22%, 75%)

CMYK

cmyk(0%, 12%, 22%, 25%)

Oklch

oklch(74.9% 0.039 63.2)

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

#999B8A

Autumn Sage · DarkSeaGreen · Silver Sand

HEX

#999B8A

RGB

rgb(153, 155, 138)

HSL

hsl(67, 8%, 57%)

HSB

hsb(67, 11%, 61%)

CMYK

cmyk(1%, 0%, 11%, 39%)

Oklch

oklch(68.3% 0.024 112.5)

Traditional「Autumn Sage」· Paint「Silver Sand」· Creative Urban Concrete

#DBDFC2

Fresh Green · LightGray · Lemon Cream

HEX

#DBDFC2

RGB

rgb(219, 223, 194)

HSL

hsl(68, 31%, 82%)

HSB

hsb(68, 13%, 87%)

CMYK

cmyk(2%, 0%, 13%, 13%)

Oklch

oklch(89.3% 0.039 113.6)

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

#FBFFE0

Fresh Green · LightYellow · Lemon Cream

HEX

#FBFFE0

RGB

rgb(251, 255, 224)

HSL

hsl(68, 100%, 94%)

HSB

hsb(68, 12%, 100%)

CMYK

cmyk(2%, 0%, 12%, 0%)

Oklch

oklch(98.9% 0.041 113.1)

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

#DDCCC0

Apricot · LightGray · Peach Orange

HEX

#DDCCC0

RGB

rgb(221, 204, 192)

HSL

hsl(25, 30%, 81%)

HSB

hsb(25, 13%, 87%)

CMYK

cmyk(0%, 8%, 13%, 13%)

Oklch

oklch(85.6% 0.025 57.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0A995

96ACC0

Analogous

C09697

C0A995

C0BE96

Triadic

C0A995

96C0A9

A996C0

Split-Comp.

C0A995

96C0BE

9697C0

Tetradic

C0A995

97C096

96ACC0

BE96C0

Contrast Matrix WCAG 2.1 Contrast

C0A995	999B8A	DBDFC2	FBFFE0	DDCCC0
—	1.3 Fail	1.6 Fail	2.2 Fail	1.4 Fail
1.3 Fail	—	2.1 Fail	2.8 Fail	1.8 Fail
1.6 Fail	2.1 Fail	—	1.3 Fail	1.1 Fail
2.2 Fail	2.8 Fail	1.3 Fail	—	1.5 Fail
1.4 Fail	1.8 Fail	1.1 Fail	1.5 Fail	—

White BG

2.2Fail

2.8Fail

1.4Fail

1.0Fail

1.6Fail

Black BG

9.4AAA

7.4AAA

15.3AAA

20.5AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B69A

9A9A8E

DDDDC9

FDFDE8

D6D5C3

Deuteranopia

B7B99B

9A9A8F

DDDCCB

FDFCE9

D7D8C4

Tritanopia

BF9E9F

999192

DBCFD0

FBEDEF

DCC5C6

Achromatopsia

AEAEAE

989898

DADADA

FAFAFA

D0D0D0

Shades & Tints Shades & Tints

#C0A995

Dark

Light

#999B8A

Dark

Light

#DBDFC2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0a995;
  --color-2: #999b8a;
  --color-3: #dbdfc2;
  --color-4: #fbffe0;
  --color-5: #ddccc0;
}

SCSS

$color-1: #c0a995;
$color-2: #999b8a;
$color-3: #dbdfc2;
$color-4: #fbffe0;
$color-5: #ddccc0;

TAILWIND

colors: {
  'brand-1': '#c0a995',
  'brand-2': '#999b8a',
  'brand-3': '#dbdfc2',
  'brand-4': '#fbffe0',
  'brand-5': '#ddccc0',
}

RGB Array

[192, 169, 149], [153, 155, 138], [219, 223, 194], [251, 255, 224], [221, 204, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C0A995, #999B8A, #DBDFC2, #FBFFE0, #DDCCC0 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: #c0a995; --color-2: #999b8a; --color-3: #dbdfc2; --color-4: #fbffe0; --color-5: #ddccc0. 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 nature-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