← Back to Editor

#E1E0B2 · #B1D1E0 · #C9CF31 · #F8931F

cool

A 4-color cool 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

#E1E0B2

Fresh Green · Wheat · Lemon Cream

HEX
#E1E0B2
RGB
rgb(225, 224, 178)
HSL
hsl(59, 44%, 79%)
HSB
hsb(59, 21%, 88%)
CMYK
cmyk(0%, 0%, 21%, 12%)
Oklch
oklch(89.6% 0.060 106.5)

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

#B1D1E0

Sky Blue · LightBlue · Glacier Blue

HEX
#B1D1E0
RGB
rgb(177, 209, 224)
HSL
hsl(199, 43%, 79%)
HSB
hsb(199, 21%, 88%)
CMYK
cmyk(21%, 7%, 0%, 12%)
Oklch
oklch(84.2% 0.040 227.8)

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

#C9CF31

Autumn Sage · GoldenRod · Honey Gold

HEX
#C9CF31
RGB
rgb(201, 207, 49)
HSL
hsl(62, 62%, 50%)
HSB
hsb(62, 76%, 81%)
CMYK
cmyk(3%, 0%, 76%, 19%)
Oklch
oklch(82.4% 0.168 111.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F8931F

Ginger · GoldenRod · Warm Sun

HEX
#F8931F
RGB
rgb(248, 147, 31)
HSL
hsl(32, 94%, 55%)
HSB
hsb(32, 88%, 97%)
CMYK
cmyk(0%, 41%, 88%, 3%)
Oklch
oklch(75.4% 0.166 61.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1E0B2
B2B3E1

Analogous

E1C9B2
E1E0B2
CAE1B2

Triadic

E1E0B2
B2E1E0
E0B2E1

Split-Comp.

E1E0B2
B2CAE1
C9B2E1

Tetradic

E1E0B2
B2E1C9
B2B3E1
E1B2CA

Contrast Matrix WCAG 2.1 Contrast

E1E0B2
B1D1E0
C9CF31
F8931F
—
1.2
Fail
1.2
Fail
1.7
Fail
1.2
Fail
—
1.0
Fail
1.4
Fail
1.2
Fail
1.0
Fail
—
1.4
Fail
1.7
Fail
1.4
Fail
1.4
Fail
—
White BG
1.4Fail
1.6Fail
1.7Fail
2.3Fail
Black BG
15.5AAA
13.1AAA
12.5AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1BD
BFBFDC
CCCC57
CCCB3B

Deuteranopia

E1E1C0
BDBBDB
CBCB60
D2DA42

Tritanopia

E1C6C8
B3DAD9
C9757C
F35156

Achromatopsia

DBDBDB
C9C9C9
BBBBBB
A4A4A4

Shades & Tints Shades & Tints

#E1E0B2

Dark
Light

#B1D1E0

Dark
Light

#C9CF31

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1e0b2;
  --color-2: #b1d1e0;
  --color-3: #c9cf31;
  --color-4: #f8931f;
}

SCSS

$color-1: #e1e0b2;
$color-2: #b1d1e0;
$color-3: #c9cf31;
$color-4: #f8931f;

TAILWIND

colors: {
  'brand-1': '#e1e0b2',
  'brand-2': '#b1d1e0',
  'brand-3': '#c9cf31',
  'brand-4': '#f8931f',
}

RGB Array

[225, 224, 178], [177, 209, 224], [201, 207, 49], [248, 147, 31]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This cool-style palette of #E1E0B2, #B1D1E0, #C9CF31, #F8931F 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 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e1e0b2; --color-2: #b1d1e0; --color-3: #c9cf31; --color-4: #f8931f. 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 cool-style 4-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