#DECAB3 + #C1C2AB + #99B2A5 + #916E65 + #E07368 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DECAB3

Goose Yellow · Wheat · Peach Orange

HEX

#DECAB3

RGB

rgb(222, 202, 179)

HSL

hsl(32, 39%, 79%)

HSB

hsb(32, 19%, 87%)

CMYK

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

Oklch

oklch(85.0% 0.038 71.2)

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

#C1C2AB

Fresh Green · Silver · Sunflower

HEX

#C1C2AB

RGB

rgb(193, 194, 171)

HSL

hsl(63, 16%, 72%)

HSB

hsb(63, 12%, 76%)

CMYK

cmyk(1%, 0%, 12%, 24%)

Oklch

oklch(80.7% 0.031 109.1)

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

#99B2A5

Celadon · DarkGray · Apple Green

HEX

#99B2A5

RGB

rgb(153, 178, 165)

HSL

hsl(149, 14%, 65%)

HSB

hsb(149, 14%, 70%)

CMYK

cmyk(14%, 0%, 7%, 30%)

Oklch

oklch(74.1% 0.033 162.9)

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

#916E65

Crimson · Gray · Passion Red

HEX

#916E65

RGB

rgb(145, 110, 101)

HSL

hsl(12, 18%, 48%)

HSB

hsb(12, 30%, 57%)

CMYK

cmyk(0%, 24%, 30%, 43%)

Oklch

oklch(57.1% 0.047 34.9)

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

#E07368

Peach Pink · Salmon · Coral Red

HEX

#E07368

RGB

rgb(224, 115, 104)

HSL

hsl(6, 66%, 64%)

HSB

hsb(6, 54%, 88%)

CMYK

cmyk(0%, 49%, 54%, 12%)

Oklch

oklch(67.9% 0.138 27.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECAB3

B5C8DE

Analogous

DEB6B5

DECAB3

DDDEB5

Triadic

DECAB3

B5DECB

CBB5DE

Split-Comp.

DECAB3

B5DDDE

B6B5DE

Tetradic

DECAB3

B5DEB6

B5C8DE

DEB5DD

Contrast Matrix WCAG 2.1 Contrast

DECAB3	C1C2AB	99B2A5	916E65	E07368
—	1.1 Fail	1.4 Fail	2.9 Fail	1.9 Fail
1.1 Fail	—	1.2 Fail	2.5 Fail	1.7 Fail
1.4 Fail	1.2 Fail	—	2.0 Fail	1.4 Fail
2.9 Fail	2.5 Fail	2.0 Fail	—	1.5 Fail
1.9 Fail	1.7 Fail	1.4 Fail	1.5 Fail	—

White BG

1.6Fail

1.8Fail

2.3Fail

4.5AA

3.1AA Large

Black BG

13.2AAA

11.6AAA

9.3AAA

4.6AA

6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5B9

C1C1B1

A4A4A8

828267

B1B06B

Deuteranopia

D7D8BA

C1C1B2

A2A1A9

848768

B7BF6B

Tritanopia

DDBDBE

C1B5B6

9AABAB

8F6969

DB6D6D

Achromatopsia

CDCDCD

BFBFBF

A9A9A9

777777

929292

Shades & Tints Shades & Tints

#DECAB3

Dark

Light

#C1C2AB

Dark

Light

#99B2A5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #decab3;
  --color-2: #c1c2ab;
  --color-3: #99b2a5;
  --color-4: #916e65;
  --color-5: #e07368;
}

SCSS

$color-1: #decab3;
$color-2: #c1c2ab;
$color-3: #99b2a5;
$color-4: #916e65;
$color-5: #e07368;

TAILWIND

colors: {
  'brand-1': '#decab3',
  'brand-2': '#c1c2ab',
  'brand-3': '#99b2a5',
  'brand-4': '#916e65',
  'brand-5': '#e07368',
}

RGB Array

[222, 202, 179], [193, 194, 171], [153, 178, 165], [145, 110, 101], [224, 115, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DECAB3, #C1C2AB, #99B2A5, #916E65, #E07368 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: #decab3; --color-2: #c1c2ab; --color-3: #99b2a5; --color-4: #916e65; --color-5: #e07368. 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