#F2EB93 + #C0E782 + #85D094 + #78AE90 + #74817D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#F2EB93

Fresh Green · Khaki · Lemon Cream

HEX

#F2EB93

RGB

rgb(242, 235, 147)

HSL

hsl(56, 79%, 76%)

HSB

hsb(56, 39%, 95%)

CMYK

cmyk(0%, 3%, 39%, 5%)

Oklch

oklch(92.6% 0.110 104.4)

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

#C0E782

Willow Green · Khaki · Apple Green

HEX

#C0E782

RGB

rgb(192, 231, 130)

HSL

hsl(83, 68%, 71%)

HSB

hsb(83, 44%, 91%)

CMYK

cmyk(17%, 0%, 44%, 9%)

Oklch

oklch(87.8% 0.135 126.3)

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

#85D094

Celadon · DarkSeaGreen · Apple Green

HEX

#85D094

RGB

rgb(133, 208, 148)

HSL

hsl(132, 44%, 67%)

HSB

hsb(132, 36%, 82%)

CMYK

cmyk(36%, 0%, 29%, 18%)

Oklch

oklch(79.3% 0.113 149.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#78AE90

Celadon · DarkSeaGreen · Olive Green

HEX

#78AE90

RGB

rgb(120, 174, 144)

HSL

hsl(147, 25%, 58%)

HSB

hsb(147, 31%, 68%)

CMYK

cmyk(31%, 0%, 17%, 32%)

Oklch

oklch(70.4% 0.072 159.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#74817D

Ink Gray · Gray · Warm Gray

HEX

#74817D

RGB

rgb(116, 129, 125)

HSL

hsl(162, 5%, 48%)

HSB

hsb(162, 10%, 51%)

CMYK

cmyk(10%, 0%, 3%, 49%)

Oklch

oklch(59.1% 0.016 175.3)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2EB93

9198F2

Analogous

F2BB91

F2EB93

C8F291

Triadic

F2EB93

91F2EC

EC91F2

Split-Comp.

F2EB93

91C8F2

BB91F2

Tetradic

F2EB93

91F2BB

9198F2

F291C8

Contrast Matrix WCAG 2.1 Contrast

F2EB93	C0E782	85D094	78AE90	74817D
—	1.1 Fail	1.5 Fail	2.1 Fail	3.3 AA Large
1.1 Fail	—	1.3 Fail	1.8 Fail	2.9 Fail
1.5 Fail	1.3 Fail	—	1.4 Fail	2.2 Fail
2.1 Fail	1.8 Fail	1.4 Fail	—	1.6 Fail
3.3 AA Large	2.9 Fail	2.2 Fail	1.6 Fail	—

White BG

1.2Fail

1.4Fail

1.8Fail

2.5Fail

4.1AA Large

Black BG

17.1AAA

15.0AAA

11.4AAA

8.3AAA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFA8

D1D19A

A5A6A3

8F9097

7A7A7E

Deuteranopia

EFF0AD

CFCCA0

A19CA6

8C8899

79787E

Tritanopia

F2B9BD

C2AEB2

89AEB1

7B9D9E

757F7F

Achromatopsia

E3E3E3

D0D0D0

B3B3B3

9A9A9A

7D7D7D

Shades & Tints Shades & Tints

#F2EB93

Dark

Light

#C0E782

Dark

Light

#85D094

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2eb93;
  --color-2: #c0e782;
  --color-3: #85d094;
  --color-4: #78ae90;
  --color-5: #74817d;
}

SCSS

$color-1: #f2eb93;
$color-2: #c0e782;
$color-3: #85d094;
$color-4: #78ae90;
$color-5: #74817d;

TAILWIND

colors: {
  'brand-1': '#f2eb93',
  'brand-2': '#c0e782',
  'brand-3': '#85d094',
  'brand-4': '#78ae90',
  'brand-5': '#74817d',
}

RGB Array

[242, 235, 147], [192, 231, 130], [133, 208, 148], [120, 174, 144], [116, 129, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2EB93, #C0E782, #85D094, #78AE90, #74817D is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f2eb93; --color-2: #c0e782; --color-3: #85d094; --color-4: #78ae90; --color-5: #74817d. 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. 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 tech, SaaS, healthcare, eco industries. 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