#EBE5B9 + #F4D75A + #BCD185 + #5AA69C + #566DA2 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EBE5B9

Fresh Green · Wheat · Lemon Cream

HEX

#EBE5B9

RGB

rgb(235, 229, 185)

HSL

hsl(53, 56%, 82%)

HSB

hsb(53, 21%, 92%)

CMYK

cmyk(0%, 3%, 21%, 8%)

Oklch

oklch(91.6% 0.058 101.0)

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

#F4D75A

Ginger · SandyBrown · Sunflower

HEX

#F4D75A

RGB

rgb(244, 215, 90)

HSL

hsl(49, 88%, 65%)

HSB

hsb(49, 63%, 96%)

CMYK

cmyk(0%, 12%, 63%, 4%)

Oklch

oklch(88.1% 0.146 96.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#BCD185

Willow Green · Tan · Apple Green

HEX

#BCD185

RGB

rgb(188, 209, 133)

HSL

hsl(77, 45%, 67%)

HSB

hsb(77, 36%, 82%)

CMYK

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

Oklch

oklch(82.7% 0.102 121.2)

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

#5AA69C

Mineral Blue · CadetBlue · Mint Ice

HEX

#5AA69C

RGB

rgb(90, 166, 156)

HSL

hsl(172, 30%, 50%)

HSB

hsb(172, 46%, 65%)

CMYK

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

Oklch

oklch(67.3% 0.077 184.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#566DA2

Indigo · SteelBlue · Navy Blue

HEX

#566DA2

RGB

rgb(86, 109, 162)

HSL

hsl(222, 31%, 49%)

HSB

hsb(222, 47%, 64%)

CMYK

cmyk(47%, 33%, 0%, 36%)

Oklch

oklch(54.0% 0.088 265.7)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE5B9

B7BDEB

Analogous

EBCBB7

EBE5B9

D7EBB7

Triadic

EBE5B9

B7EBE5

E5B7EB

Split-Comp.

EBE5B9

B7D7EB

CBB7EB

Tetradic

EBE5B9

B7EBCB

B7BDEB

EBB7D7

Contrast Matrix WCAG 2.1 Contrast

EBE5B9	F4D75A	BCD185	5AA69C	566DA2
—	1.1 Fail	1.3 Fail	2.2 Fail	4.0 AA Large
1.1 Fail	—	1.2 Fail	2.0 Fail	3.6 AA Large
1.3 Fail	1.2 Fail	—	1.7 Fail	3.1 AA Large
2.2 Fail	2.0 Fail	1.7 Fail	—	1.8 Fail
4.0 AA Large	3.6 AA Large	3.1 AA Large	1.8 Fail	—

White BG

1.3Fail

1.4Fail

1.7Fail

2.8Fail

5.1AA

Black BG

16.4AAA

14.7AAA

12.6AAA

7.4AAA

4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8C4

E7E778

C5C597

7B7C9E

606095

Deuteranopia

E9E9C6

E9EB80

C4C29C

77719F

5F5D92

Tritanopia

EBCCCE

F39095

BDA6A9

5EA0A1

578B89

Achromatopsia

E2E2E2

D1D1D1

C2C2C2

8E8E8E

6C6C6C

Shades & Tints Shades & Tints

#EBE5B9

Dark

Light

#F4D75A

Dark

Light

#BCD185

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe5b9;
  --color-2: #f4d75a;
  --color-3: #bcd185;
  --color-4: #5aa69c;
  --color-5: #566da2;
}

SCSS

$color-1: #ebe5b9;
$color-2: #f4d75a;
$color-3: #bcd185;
$color-4: #5aa69c;
$color-5: #566da2;

TAILWIND

colors: {
  'brand-1': '#ebe5b9',
  'brand-2': '#f4d75a',
  'brand-3': '#bcd185',
  'brand-4': '#5aa69c',
  'brand-5': '#566da2',
}

RGB Array

[235, 229, 185], [244, 215, 90], [188, 209, 133], [90, 166, 156], [86, 109, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EBE5B9, #F4D75A, #BCD185, #5AA69C, #566DA2 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: #ebe5b9; --color-2: #f4d75a; --color-3: #bcd185; --color-4: #5aa69c; --color-5: #566da2. 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 cool-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