← Back to Editor

#A7DBCA · #F4FFDE · #F7F0A8 · #FBE26B · #EEB834

warm

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

#A7DBCA

Jade · LightBlue · Glacier Blue

HEX
#A7DBCA
RGB
rgb(167, 219, 202)
HSL
hsl(160, 42%, 76%)
HSB
hsb(160, 24%, 86%)
CMYK
cmyk(24%, 0%, 8%, 14%)
Oklch
oklch(85.0% 0.059 172.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#F4FFDE

Willow Green · Beige · Mint Green

HEX
#F4FFDE
RGB
rgb(244, 255, 222)
HSL
hsl(80, 100%, 94%)
HSB
hsb(80, 13%, 100%)
CMYK
cmyk(4%, 0%, 13%, 0%)
Oklch
oklch(98.3% 0.045 122.2)

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

#F7F0A8

Fresh Green · Wheat · Lemon Cream

HEX
#F7F0A8
RGB
rgb(247, 240, 168)
HSL
hsl(55, 83%, 81%)
HSB
hsb(55, 32%, 97%)
CMYK
cmyk(0%, 3%, 32%, 3%)
Oklch
oklch(94.4% 0.091 103.3)

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

#FBE26B

Fresh Green · Khaki · Sunflower

HEX
#FBE26B
RGB
rgb(251, 226, 107)
HSL
hsl(50, 95%, 70%)
HSB
hsb(50, 57%, 98%)
CMYK
cmyk(0%, 10%, 57%, 2%)
Oklch
oklch(91.1% 0.141 97.6)

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

#EEB834

Ginger · GoldenRod · Sunflower

HEX
#EEB834
RGB
rgb(238, 184, 52)
HSL
hsl(43, 85%, 57%)
HSB
hsb(43, 78%, 93%)
CMYK
cmyk(0%, 23%, 78%, 7%)
Oklch
oklch(81.1% 0.151 84.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7DBCA
DCA8B9

Analogous

A8DCB1
A7DBCA
A8D3DC

Triadic

A7DBCA
CAA8DC
DCCAA8

Split-Comp.

A7DBCA
DCA8D3
DCB1A8

Tetradic

A7DBCA
B1A8DC
DCA8B9
D3DCA8

Contrast Matrix WCAG 2.1 Contrast

A7DBCA
F4FFDE
F7F0A8
FBE26B
EEB834
—
1.5
Fail
1.3
Fail
1.2
Fail
1.2
Fail
1.5
Fail
—
1.1
Fail
1.2
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
1.2
Fail
1.8
Fail
1.6
Fail
1.4
Fail
—
White BG
1.5Fail
1.0Fail
1.2Fail
1.3Fail
1.8Fail
Black BG
13.6AAA
20.2AAA
18.0AAA
16.2AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBECE
F9F9E6
F4F4B9
F0F088
D7D654

Deuteranopia

BBB7CF
F8F7E8
F4F5BE
F2F48F
DADE5C

Tritanopia

AAD1D2
F5ECEE
F7C7CA
FA9FA4
EB6D73

Achromatopsia

CACACA
F8F8F8
EAEAEA
DCDCDC
B9B9B9

Shades & Tints Shades & Tints

#A7DBCA

Dark
Light

#F4FFDE

Dark
Light

#F7F0A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7dbca;
  --color-2: #f4ffde;
  --color-3: #f7f0a8;
  --color-4: #fbe26b;
  --color-5: #eeb834;
}

SCSS

$color-1: #a7dbca;
$color-2: #f4ffde;
$color-3: #f7f0a8;
$color-4: #fbe26b;
$color-5: #eeb834;

TAILWIND

colors: {
  'brand-1': '#a7dbca',
  'brand-2': '#f4ffde',
  'brand-3': '#f7f0a8',
  'brand-4': '#fbe26b',
  'brand-5': '#eeb834',
}

RGB Array

[167, 219, 202], [244, 255, 222], [247, 240, 168], [251, 226, 107], [238, 184, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #A7DBCA, #F4FFDE, #F7F0A8, #FBE26B, #EEB834 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: #a7dbca; --color-2: #f4ffde; --color-3: #f7f0a8; --color-4: #fbe26b; --color-5: #eeb834. 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