← Back to Editor

#A9D0CB · #FFF0B2 · #FCD175 · #EEA14F · #D78637

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A9D0CB

Jade · LightSteelBlue · Lake Green

HEX
#A9D0CB
RGB
rgb(169, 208, 203)
HSL
hsl(172, 29%, 74%)
HSB
hsb(172, 19%, 82%)
CMYK
cmyk(19%, 0%, 2%, 18%)
Oklch
oklch(82.8% 0.042 186.8)

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

#FFF0B2

Goose Yellow · Wheat · Lemon Cream

HEX
#FFF0B2
RGB
rgb(255, 240, 178)
HSL
hsl(48, 100%, 85%)
HSB
hsb(48, 30%, 100%)
CMYK
cmyk(0%, 6%, 30%, 0%)
Oklch
oklch(95.3% 0.080 96.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FCD175

Goose Yellow · Khaki · Sunflower

HEX
#FCD175
RGB
rgb(252, 209, 117)
HSL
hsl(41, 96%, 72%)
HSB
hsb(41, 54%, 99%)
CMYK
cmyk(0%, 17%, 54%, 1%)
Oklch
oklch(87.9% 0.121 84.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#EEA14F

Ginger · SandyBrown · Warm Sun

HEX
#EEA14F
RGB
rgb(238, 161, 79)
HSL
hsl(31, 82%, 62%)
HSB
hsb(31, 67%, 93%)
CMYK
cmyk(0%, 32%, 67%, 7%)
Oklch
oklch(77.0% 0.133 65.1)

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

#D78637

Ginger · Chocolate · Warm Sun

HEX
#D78637
RGB
rgb(215, 134, 55)
HSL
hsl(30, 67%, 53%)
HSB
hsb(30, 74%, 84%)
CMYK
cmyk(0%, 38%, 74%, 16%)
Oklch
oklch(69.1% 0.135 61.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9D0CB
D0A9AF

Analogous

A9D0B8
A9D0CB
A9C2D0

Triadic

A9D0CB
CBA9D0
D0CBA9

Split-Comp.

A9D0CB
D0A9C2
D0B8A9

Tetradic

A9D0CB
B8A9D0
D0A9AF
C2D0A9

Contrast Matrix WCAG 2.1 Contrast

A9D0CB
FFF0B2
FCD175
EEA14F
D78637
—
1.5
Fail
1.2
Fail
1.3
Fail
1.7
Fail
1.5
Fail
—
1.3
Fail
1.9
Fail
2.5
Fail
1.2
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
1.3
Fail
1.9
Fail
1.5
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
2.0
Fail
1.3
Fail
—
White BG
1.7Fail
1.1Fail
1.4Fail
2.1Fail
2.9Fail
Black BG
12.6AAA
18.4AAA
14.5AAA
9.8AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABACC
F9F8C1
E9E98B
CDCC63
B4B34A

Deuteranopia

B8B5CD
F9FBC5
ECEF91
D1D768
B9BF4F

Tritanopia

ABCDCD
FECDCF
FA9DA1
EA7376
D3595D

Achromatopsia

C4C4C4
EDEDED
D3D3D3
AFAFAF
959595

Shades & Tints Shades & Tints

#A9D0CB

Dark
Light

#FFF0B2

Dark
Light

#FCD175

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9d0cb;
  --color-2: #fff0b2;
  --color-3: #fcd175;
  --color-4: #eea14f;
  --color-5: #d78637;
}

SCSS

$color-1: #a9d0cb;
$color-2: #fff0b2;
$color-3: #fcd175;
$color-4: #eea14f;
$color-5: #d78637;

TAILWIND

colors: {
  'brand-1': '#a9d0cb',
  'brand-2': '#fff0b2',
  'brand-3': '#fcd175',
  'brand-4': '#eea14f',
  'brand-5': '#d78637',
}

RGB Array

[169, 208, 203], [255, 240, 178], [252, 209, 117], [238, 161, 79], [215, 134, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9D0CB, #FFF0B2, #FCD175, #EEA14F, #D78637 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a9d0cb; --color-2: #fff0b2; --color-3: #fcd175; --color-4: #eea14f; --color-5: #d78637. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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