← Back to Editor

#D4FFB3 · #FFCC7A · #FF9970 · #D9555D · #EDF7B5

warm

A 5-color warm 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

#D4FFB3

Emerald · Wheat · Mint Green

HEX
#D4FFB3
RGB
rgb(212, 255, 179)
HSL
hsl(94, 100%, 85%)
HSB
hsb(94, 30%, 100%)
CMYK
cmyk(17%, 0%, 30%, 0%)
Oklch
oklch(95.2% 0.108 132.1)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#FFCC7A

Goose Yellow · Khaki · Warm Sun

HEX
#FFCC7A
RGB
rgb(255, 204, 122)
HSL
hsl(37, 100%, 74%)
HSB
hsb(37, 52%, 100%)
CMYK
cmyk(0%, 20%, 52%, 0%)
Oklch
oklch(87.3% 0.116 78.2)

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

#FF9970

Apricot · LightSalmon · Warm Sun

HEX
#FF9970
RGB
rgb(255, 153, 112)
HSL
hsl(17, 100%, 72%)
HSB
hsb(17, 56%, 100%)
CMYK
cmyk(0%, 40%, 56%, 0%)
Oklch
oklch(78.0% 0.135 42.4)

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

#D9555D

Vermilion · Tomato · Passion Red

HEX
#D9555D
RGB
rgb(217, 85, 93)
HSL
hsl(356, 63%, 59%)
HSB
hsb(356, 61%, 85%)
CMYK
cmyk(0%, 61%, 57%, 15%)
Oklch
oklch(62.4% 0.166 19.7)

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

#EDF7B5

Fresh Green · Wheat · Lemon Cream

HEX
#EDF7B5
RGB
rgb(237, 247, 181)
HSL
hsl(69, 80%, 84%)
HSB
hsb(69, 27%, 97%)
CMYK
cmyk(4%, 0%, 27%, 3%)
Oklch
oklch(95.3% 0.085 115.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4FFB3
DEB3FF

Analogous

FAFFB3
D4FFB3
B3FFB8

Triadic

D4FFB3
B3D4FF
FFB3D4

Split-Comp.

D4FFB3
B8B3FF
FFB3FA

Tetradic

D4FFB3
B3FAFF
DEB3FF
FFB8B3

Contrast Matrix WCAG 2.1 Contrast

D4FFB3
FFCC7A
FF9970
D9555D
EDF7B5
—
1.3
Fail
1.9
Fail
3.5
AA Large
1.0
Fail
1.3
Fail
—
1.4
Fail
2.6
Fail
1.3
Fail
1.9
Fail
1.4
Fail
—
1.9
Fail
1.8
Fail
3.5
AA Large
2.6
Fail
1.9
Fail
—
3.4
AA Large
1.0
Fail
1.3
Fail
1.8
Fail
3.4
AA Large
—
White BG
1.1Fail
1.5Fail
2.1Fail
3.9AA Large
1.1Fail
Black BG
18.8AAA
14.2AAA
10.0AAA
5.4AA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C5
E9E88E
D3D27A
A09F5B
F1F1C5

Deuteranopia

E4E1CA
ECF093
D9E07C
A8B15B
F1F0C9

Tritanopia

D6D4D7
FC9EA1
FA8283
D25A59
EDD2D4

Achromatopsia

E9E9E9
D2D2D2
B3B3B3
7D7D7D
ECECEC

Shades & Tints Shades & Tints

#D4FFB3

Dark
Light

#FFCC7A

Dark
Light

#FF9970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4ffb3;
  --color-2: #ffcc7a;
  --color-3: #ff9970;
  --color-4: #d9555d;
  --color-5: #edf7b5;
}

SCSS

$color-1: #d4ffb3;
$color-2: #ffcc7a;
$color-3: #ff9970;
$color-4: #d9555d;
$color-5: #edf7b5;

TAILWIND

colors: {
  'brand-1': '#d4ffb3',
  'brand-2': '#ffcc7a',
  'brand-3': '#ff9970',
  'brand-4': '#d9555d',
  'brand-5': '#edf7b5',
}

RGB Array

[212, 255, 179], [255, 204, 122], [255, 153, 112], [217, 85, 93], [237, 247, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D4FFB3, #FFCC7A, #FF9970, #D9555D, #EDF7B5 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: #d4ffb3; --color-2: #ffcc7a; --color-3: #ff9970; --color-4: #d9555d; --color-5: #edf7b5. 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 warm-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