#C0EFD9 + #FAB470 + #FA8888 + #A6A981 + #9E9A84 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C0EFD9

Jade · LightBlue · Mint Green

HEX

#C0EFD9

RGB

rgb(192, 239, 217)

HSL

hsl(152, 59%, 85%)

HSB

hsb(152, 20%, 94%)

CMYK

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

Oklch

oklch(91.3% 0.057 165.0)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#FAB470

Goose Yellow · LightSalmon · Warm Sun

HEX

#FAB470

RGB

rgb(250, 180, 112)

HSL

hsl(30, 93%, 71%)

HSB

hsb(30, 55%, 98%)

CMYK

cmyk(0%, 28%, 55%, 2%)

Oklch

oklch(82.2% 0.118 64.1)

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

#FA8888

Peach Pink · LightCoral · Coral Red

HEX

#FA8888

RGB

rgb(250, 136, 136)

HSL

hsl(0, 92%, 76%)

HSB

hsb(0, 46%, 98%)

CMYK

cmyk(0%, 46%, 46%, 2%)

Oklch

oklch(75.2% 0.139 20.9)

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

#A6A981

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A6A981

RGB

rgb(166, 169, 129)

HSL

hsl(64, 19%, 58%)

HSB

hsb(64, 24%, 66%)

CMYK

cmyk(2%, 0%, 24%, 34%)

Oklch

oklch(72.2% 0.055 111.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#9E9A84

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#9E9A84

RGB

rgb(158, 154, 132)

HSL

hsl(51, 12%, 57%)

HSB

hsb(51, 16%, 62%)

CMYK

cmyk(0%, 3%, 16%, 38%)

Oklch

oklch(68.3% 0.032 98.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0EFD9

EFC2D7

Analogous

C2EFC4

C0EFD9

C2EEEF

Triadic

C0EFD9

DAC2EF

EFDAC2

Split-Comp.

C0EFD9

EFC2EE

EFC4C2

Tetradic

C0EFD9

C4C2EF

EFC2D7

EEEFC2

Contrast Matrix WCAG 2.1 Contrast

C0EFD9	FAB470	FA8888	A6A981	9E9A84
—	1.4 Fail	1.9 Fail	1.9 Fail	2.2 Fail
1.4 Fail	—	1.3 Fail	1.4 Fail	1.6 Fail
1.9 Fail	1.3 Fail	—	1.0 Fail	1.2 Fail
1.9 Fail	1.4 Fail	1.0 Fail	—	1.2 Fail
2.2 Fail	1.6 Fail	1.2 Fail	1.2 Fail	—

White BG

1.3Fail

1.8Fail

2.3Fail

2.4Fail

2.8Fail

Black BG

16.6AAA

11.8AAA

8.9AAA

8.6AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D5DE

DCDB80

C9C888

A7A78B

9C9C89

Deuteranopia

D2CEE0

E0E584

CFD888

A7A78D

9D9D8B

Tritanopia

C2E3E3

F78D90

F48888

A69294

9E8E8E

Achromatopsia

DEDEDE

C1C1C1

AAAAAA

A4A4A4

999999

Shades & Tints Shades & Tints

#C0EFD9

Dark

Light

#FAB470

Dark

Light

#FA8888

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0efd9;
  --color-2: #fab470;
  --color-3: #fa8888;
  --color-4: #a6a981;
  --color-5: #9e9a84;
}

SCSS

$color-1: #c0efd9;
$color-2: #fab470;
$color-3: #fa8888;
$color-4: #a6a981;
$color-5: #9e9a84;

TAILWIND

colors: {
  'brand-1': '#c0efd9',
  'brand-2': '#fab470',
  'brand-3': '#fa8888',
  'brand-4': '#a6a981',
  'brand-5': '#9e9a84',
}

RGB Array

[192, 239, 217], [250, 180, 112], [250, 136, 136], [166, 169, 129], [158, 154, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0EFD9, #FAB470, #FA8888, #A6A981, #9E9A84 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: #c0efd9; --color-2: #fab470; --color-3: #fa8888; --color-4: #a6a981; --color-5: #9e9a84. 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