#65BCB1 + #EEF598 + #E0D97A + #B6B373 + #909267 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#65BCB1

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#65BCB1

RGB

rgb(101, 188, 177)

HSL

hsl(172, 39%, 57%)

HSB

hsb(172, 46%, 74%)

CMYK

cmyk(46%, 0%, 6%, 26%)

Oklch

oklch(73.8% 0.086 184.9)

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

#EEF598

Fresh Green · Khaki · Lemon Cream

HEX

#EEF598

RGB

rgb(238, 245, 152)

HSL

hsl(65, 82%, 78%)

HSB

hsb(65, 38%, 96%)

CMYK

cmyk(3%, 0%, 38%, 4%)

Oklch

oklch(94.4% 0.116 112.1)

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

#E0D97A

Fresh Green · Khaki · Sunflower

HEX

#E0D97A

RGB

rgb(224, 217, 122)

HSL

hsl(56, 62%, 68%)

HSB

hsb(56, 46%, 88%)

CMYK

cmyk(0%, 3%, 46%, 12%)

Oklch

oklch(87.1% 0.118 104.9)

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

#B6B373

Autumn Sage · Tan · Sunflower

HEX

#B6B373

RGB

rgb(182, 179, 115)

HSL

hsl(57, 31%, 58%)

HSB

hsb(57, 37%, 71%)

CMYK

cmyk(0%, 2%, 37%, 29%)

Oklch

oklch(75.4% 0.085 106.0)

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

#909267

Autumn Sage · Gray · Honey Gold

HEX

#909267

RGB

rgb(144, 146, 103)

HSL

hsl(63, 17%, 49%)

HSB

hsb(63, 29%, 57%)

CMYK

cmyk(1%, 0%, 29%, 43%)

Oklch

oklch(64.7% 0.060 110.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65BCB1

BC6772

Analogous

67BC86

65BCB1

679DBC

Triadic

65BCB1

B167BC

BCB167

Split-Comp.

65BCB1

BC679D

BC8667

Tetradic

65BCB1

8667BC

BC6772

9DBC67

Contrast Matrix WCAG 2.1 Contrast

65BCB1	EEF598	E0D97A	B6B373	909267
—	1.9 Fail	1.5 Fail	1.0 Fail	1.4 Fail
1.9 Fail	—	1.3 Fail	1.9 Fail	2.8 Fail
1.5 Fail	1.3 Fail	—	1.5 Fail	2.2 Fail
1.0 Fail	1.9 Fail	1.5 Fail	—	1.5 Fail
1.4 Fail	2.8 Fail	2.2 Fail	1.5 Fail	—

White BG

2.2Fail

1.2Fail

1.5Fail

2.2Fail

3.2AA Large

Black BG

9.4AAA

18.1AAA

14.4AAA

9.7AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8BB4

F1F1AF

DDDD91

B5B582

919171

Deuteranopia

867FB4

F1F0B4

DDDE97

B5B586

919174

Tritanopia

69B6B6

EEC0C4

E0A3A7

B68F91

907A7B

Achromatopsia

A1A1A1

E8E8E8

D0D0D0

ADADAD

8C8C8C

Shades & Tints Shades & Tints

#65BCB1

Dark

Light

#EEF598

Dark

Light

#E0D97A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65bcb1;
  --color-2: #eef598;
  --color-3: #e0d97a;
  --color-4: #b6b373;
  --color-5: #909267;
}

SCSS

$color-1: #65bcb1;
$color-2: #eef598;
$color-3: #e0d97a;
$color-4: #b6b373;
$color-5: #909267;

TAILWIND

colors: {
  'brand-1': '#65bcb1',
  'brand-2': '#eef598',
  'brand-3': '#e0d97a',
  'brand-4': '#b6b373',
  'brand-5': '#909267',
}

RGB Array

[101, 188, 177], [238, 245, 152], [224, 217, 122], [182, 179, 115], [144, 146, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #65BCB1, #EEF598, #E0D97A, #B6B373, #909267 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: #65bcb1; --color-2: #eef598; --color-3: #e0d97a; --color-4: #b6b373; --color-5: #909267. 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