← Back to Editor

#EBF7B9 · #FCE447 · #44C7AA · #4A3916 · #FC6C1E

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 AppData Visualization

Color Details Color Details

#EBF7B9

Willow Green · Wheat · Mint Green

HEX
#EBF7B9
RGB
rgb(235, 247, 185)
HSL
hsl(72, 79%, 85%)
HSB
hsb(72, 25%, 97%)
CMYK
cmyk(5%, 0%, 25%, 3%)
Oklch
oklch(95.2% 0.081 116.9)

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

#FCE447

Fresh Green · SandyBrown · Sunflower

HEX
#FCE447
RGB
rgb(252, 228, 71)
HSL
hsl(52, 97%, 63%)
HSB
hsb(52, 72%, 99%)
CMYK
cmyk(0%, 10%, 72%, 1%)
Oklch
oklch(91.2% 0.169 100.3)

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

#44C7AA

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#44C7AA
RGB
rgb(68, 199, 170)
HSL
hsl(167, 54%, 52%)
HSB
hsb(167, 66%, 78%)
CMYK
cmyk(66%, 0%, 15%, 22%)
Oklch
oklch(75.1% 0.121 175.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#4A3916

Ochre · DarkOliveGreen · Amber Gold

HEX
#4A3916
RGB
rgb(74, 57, 22)
HSL
hsl(40, 54%, 19%)
HSB
hsb(40, 70%, 29%)
CMYK
cmyk(0%, 23%, 70%, 71%)
Oklch
oklch(35.5% 0.056 83.1)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#FC6C1E

Tangerine · Tomato · Warm Sun

HEX
#FC6C1E
RGB
rgb(252, 108, 30)
HSL
hsl(21, 97%, 55%)
HSB
hsb(21, 88%, 99%)
CMYK
cmyk(0%, 57%, 88%, 1%)
Oklch
oklch(70.0% 0.194 43.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF7B9
C7BBF7

Analogous

F7E5BB
EBF7B9
CDF7BB

Triadic

EBF7B9
BBEBF7
F7BBEB

Split-Comp.

EBF7B9
BBCDF7
E5BBF7

Tetradic

EBF7B9
BBF7E5
C7BBF7
F7BBCD

Contrast Matrix WCAG 2.1 Contrast

EBF7B9
FCE447
44C7AA
4A3916
FC6C1E
—
1.1
Fail
1.9
Fail
9.8
AAA
2.5
Fail
1.1
Fail
—
1.6
Fail
8.6
AAA
2.2
Fail
1.9
Fail
1.6
Fail
—
5.3
AA
1.4
Fail
9.8
AAA
8.6
AAA
5.3
AA
—
3.9
AA Large
2.5
Fail
2.2
Fail
1.4
Fail
3.9
AA Large
—
White BG
1.1Fail
1.3Fail
2.1Fail
11.1AAA
2.9Fail
Black BG
18.5AAA
16.3AAA
10.0AAA
1.9Fail
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0C8
F2F16D
7D7EB1
43421E
BEBC31

Deuteranopia

F0EFCC
F3F576
756BB3
444521
C6D135

Tritanopia

ECD4D6
FB8B92
4BB7B8
492527
F54043

Achromatopsia

ECECEC
D9D9D9
9D9D9D
3A3A3A
8E8E8E

Shades & Tints Shades & Tints

#EBF7B9

Dark
Light

#FCE447

Dark
Light

#44C7AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf7b9;
  --color-2: #fce447;
  --color-3: #44c7aa;
  --color-4: #4a3916;
  --color-5: #fc6c1e;
}

SCSS

$color-1: #ebf7b9;
$color-2: #fce447;
$color-3: #44c7aa;
$color-4: #4a3916;
$color-5: #fc6c1e;

TAILWIND

colors: {
  'brand-1': '#ebf7b9',
  'brand-2': '#fce447',
  'brand-3': '#44c7aa',
  'brand-4': '#4a3916',
  'brand-5': '#fc6c1e',
}

RGB Array

[235, 247, 185], [252, 228, 71], [68, 199, 170], [74, 57, 22], [252, 108, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF7B9, #FCE447, #44C7AA, #4A3916, #FC6C1E is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ebf7b9; --color-2: #fce447; --color-3: #44c7aa; --color-4: #4a3916; --color-5: #fc6c1e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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