← Back to Editor

#F2EE95 · #C8CB5A · #D37816 · #604128 · #D04226

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

Color Details Color Details

#F2EE95

Fresh Green · Khaki · Lemon Cream

HEX
#F2EE95
RGB
rgb(242, 238, 149)
HSL
hsl(57, 78%, 77%)
HSB
hsb(57, 38%, 95%)
CMYK
cmyk(0%, 2%, 38%, 5%)
Oklch
oklch(93.3% 0.111 106.1)

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

#C8CB5A

Autumn Sage · BurlyWood · Sunflower

HEX
#C8CB5A
RGB
rgb(200, 203, 90)
HSL
hsl(62, 52%, 57%)
HSB
hsb(62, 56%, 80%)
CMYK
cmyk(1%, 0%, 56%, 20%)
Oklch
oklch(81.7% 0.136 110.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D37816

Ochre · Chocolate · Amber Brown

HEX
#D37816
RGB
rgb(211, 120, 22)
HSL
hsl(31, 81%, 46%)
HSB
hsb(31, 90%, 83%)
CMYK
cmyk(0%, 43%, 90%, 17%)
Oklch
oklch(66.0% 0.149 59.5)

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

#604128

Tangerine · DarkOliveGreen · Amber Brown

HEX
#604128
RGB
rgb(96, 65, 40)
HSL
hsl(27, 41%, 27%)
HSB
hsb(27, 58%, 38%)
CMYK
cmyk(0%, 32%, 58%, 62%)
Oklch
oklch(40.4% 0.058 59.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D04226

Vermilion · Chocolate · Passion Red

HEX
#D04226
RGB
rgb(208, 66, 38)
HSL
hsl(10, 69%, 48%)
HSB
hsb(10, 82%, 82%)
CMYK
cmyk(0%, 68%, 82%, 18%)
Oklch
oklch(58.0% 0.183 33.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2EE95
979BF2

Analogous

F2C097
F2EE95
C9F297

Triadic

F2EE95
97F2EE
EE97F2

Split-Comp.

F2EE95
97C9F2
C097F2

Tetradic

F2EE95
97F2C0
979BF2
F297C9

Contrast Matrix WCAG 2.1 Contrast

F2EE95
C8CB5A
D37816
604128
D04226
—
1.4
Fail
2.7
Fail
7.6
AAA
3.9
AA Large
1.4
Fail
—
1.9
Fail
5.3
AA
2.7
Fail
2.7
Fail
1.9
Fail
—
2.8
Fail
1.4
Fail
7.6
AAA
5.3
AA
2.8
Fail
—
2.0
Fail
3.9
AA Large
2.7
Fail
1.4
Fail
2.0
Fail
—
White BG
1.2Fail
1.7Fail
3.2AA Large
9.2AAA
4.7AA
Black BG
17.4AAA
12.1AAA
6.5AA
2.3Fail
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0AB
C9C975
ACAB2E
53522E
93912D

Deuteranopia

F1F1B0
C9C97C
B1B833
545730
9BA52E

Tritanopia

F2BCBF
C88B90
CE4045
5E3334
C93233

Achromatopsia

E5E5E5
BDBDBD
888888
474747
696969

Shades & Tints Shades & Tints

#F2EE95

Dark
Light

#C8CB5A

Dark
Light

#D37816

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2ee95;
  --color-2: #c8cb5a;
  --color-3: #d37816;
  --color-4: #604128;
  --color-5: #d04226;
}

SCSS

$color-1: #f2ee95;
$color-2: #c8cb5a;
$color-3: #d37816;
$color-4: #604128;
$color-5: #d04226;

TAILWIND

colors: {
  'brand-1': '#f2ee95',
  'brand-2': '#c8cb5a',
  'brand-3': '#d37816',
  'brand-4': '#604128',
  'brand-5': '#d04226',
}

RGB Array

[242, 238, 149], [200, 203, 90], [211, 120, 22], [96, 65, 40], [208, 66, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2EE95, #C8CB5A, #D37816, #604128, #D04226 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: #f2ee95; --color-2: #c8cb5a; --color-3: #d37816; --color-4: #604128; --color-5: #d04226. 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