← Back to Editor

#C2D4AE · #EFE0B7 · #FDBA74 · #FF9966 · #D8373D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C2D4AE

Willow Green · Silver · Apple Green

HEX
#C2D4AE
RGB
rgb(194, 212, 174)
HSL
hsl(88, 31%, 76%)
HSB
hsb(88, 18%, 83%)
CMYK
cmyk(8%, 0%, 18%, 17%)
Oklch
oklch(84.6% 0.055 128.2)

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

#EFE0B7

Goose Yellow · Wheat · Lemon Cream

HEX
#EFE0B7
RGB
rgb(239, 224, 183)
HSL
hsl(44, 64%, 83%)
HSB
hsb(44, 23%, 94%)
CMYK
cmyk(0%, 6%, 23%, 6%)
Oklch
oklch(90.9% 0.056 90.3)

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

#FDBA74

Goose Yellow · LightSalmon · Warm Sun

HEX
#FDBA74
RGB
rgb(253, 186, 116)
HSL
hsl(31, 97%, 72%)
HSB
hsb(31, 54%, 99%)
CMYK
cmyk(0%, 26%, 54%, 1%)
Oklch
oklch(83.7% 0.117 66.3)

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

#FF9966

Apricot · SandyBrown · Warm Sun

HEX
#FF9966
RGB
rgb(255, 153, 102)
HSL
hsl(20, 100%, 70%)
HSB
hsb(20, 60%, 100%)
CMYK
cmyk(0%, 40%, 60%, 0%)
Oklch
oklch(77.9% 0.139 46.6)

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

#D8373D

Vermilion · Crimson · Passion Red

HEX
#D8373D
RGB
rgb(216, 55, 61)
HSL
hsl(358, 67%, 53%)
HSB
hsb(358, 75%, 85%)
CMYK
cmyk(0%, 75%, 72%, 15%)
Oklch
oklch(58.5% 0.197 24.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2D4AE
C1AFD5

Analogous

D5D4AF
C2D4AE
B0D5AF

Triadic

C2D4AE
AFC3D5
D5AFC3

Split-Comp.

C2D4AE
AFB0D5
D4AFD5

Tetradic

C2D4AE
AFD5D4
C1AFD5
D5AFB0

Contrast Matrix WCAG 2.1 Contrast

C2D4AE
EFE0B7
FDBA74
FF9966
D8373D
—
1.2
Fail
1.1
Fail
1.3
Fail
2.9
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
3.5
AA Large
1.1
Fail
1.3
Fail
—
1.2
Fail
2.7
Fail
1.3
Fail
1.6
Fail
1.2
Fail
—
2.2
Fail
2.9
Fail
3.5
AA Large
2.7
Fail
2.2
Fail
—
White BG
1.6Fail
1.3Fail
1.7Fail
2.1Fail
4.6AA
Black BG
13.3AAA
16.0AAA
12.5AAA
10.0AAA
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAB7
E9E8C1
E0DF85
D3D272
92913C

Deuteranopia

C9C7B9
E9EBC3
E4E989
D9E075
9CA83B

Tritanopia

C3BEC0
EEC9CA
FA9295
FA7C7E
D03A3A

Achromatopsia

CACACA
E0E0E0
C6C6C6
B2B2B2
686868

Shades & Tints Shades & Tints

#C2D4AE

Dark
Light

#EFE0B7

Dark
Light

#FDBA74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2d4ae;
  --color-2: #efe0b7;
  --color-3: #fdba74;
  --color-4: #ff9966;
  --color-5: #d8373d;
}

SCSS

$color-1: #c2d4ae;
$color-2: #efe0b7;
$color-3: #fdba74;
$color-4: #ff9966;
$color-5: #d8373d;

TAILWIND

colors: {
  'brand-1': '#c2d4ae',
  'brand-2': '#efe0b7',
  'brand-3': '#fdba74',
  'brand-4': '#ff9966',
  'brand-5': '#d8373d',
}

RGB Array

[194, 212, 174], [239, 224, 183], [253, 186, 116], [255, 153, 102], [216, 55, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2D4AE, #EFE0B7, #FDBA74, #FF9966, #D8373D 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: #c2d4ae; --color-2: #efe0b7; --color-3: #fdba74; --color-4: #ff9966; --color-5: #d8373d. 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