#56CCB4 + #93C295 + #B0C43D + #CFBD65 + #EBB67F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#56CCB4

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#56CCB4

RGB

rgb(86, 204, 180)

HSL

hsl(168, 54%, 57%)

HSB

hsb(168, 58%, 80%)

CMYK

cmyk(58%, 0%, 12%, 20%)

Oklch

oklch(77.1% 0.112 177.6)

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

#93C295

Celadon · DarkSeaGreen · Apple Green

HEX

#93C295

RGB

rgb(147, 194, 149)

HSL

hsl(123, 28%, 67%)

HSB

hsb(123, 24%, 76%)

CMYK

cmyk(24%, 0%, 23%, 24%)

Oklch

oklch(76.9% 0.081 145.8)

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

#B0C43D

Autumn Sage · GoldenRod · Honey Gold

HEX

#B0C43D

RGB

rgb(176, 196, 61)

HSL

hsl(69, 53%, 50%)

HSB

hsb(69, 69%, 77%)

CMYK

cmyk(10%, 0%, 69%, 23%)

Oklch

oklch(78.0% 0.157 117.5)

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

#CFBD65

Autumn Sage · BurlyWood · Sunflower

HEX

#CFBD65

RGB

rgb(207, 189, 101)

HSL

hsl(50, 52%, 60%)

HSB

hsb(50, 51%, 81%)

CMYK

cmyk(0%, 9%, 51%, 19%)

Oklch

oklch(79.5% 0.111 98.0)

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

#EBB67F

Goose Yellow · BurlyWood · Warm Sun

HEX

#EBB67F

RGB

rgb(235, 182, 127)

HSL

hsl(31, 73%, 71%)

HSB

hsb(31, 46%, 92%)

CMYK

cmyk(0%, 23%, 46%, 8%)

Oklch

oklch(81.2% 0.094 66.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

56CCB4

CD566E

Analogous

56CD7A

56CCB4

56A9CD

Triadic

56CCB4

B556CD

CDB556

Split-Comp.

56CCB4

CD56A9

CD7A56

Tetradic

56CCB4

7A56CD

CD566E

A9CD56

Contrast Matrix WCAG 2.1 Contrast

56CCB4	93C295	B0C43D	CFBD65	EBB67F
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.0 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

2.0Fail

1.9Fail

1.8Fail

Black BG

10.7AAA

10.4AAA

10.8AAA

11.1AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898ABA

A7A8A0

B9B95E

C7C77A

D4D48C

Deuteranopia

8279BB

A5A1A3

B8B666

C8CA7F

D7DB90

Tritanopia

5CBEBF

95A8AA

B1777D

CE8B8F

E89799

Achromatopsia

A6A6A6

AFAFAF

B8B8B8

C0C0C0

Shades & Tints Shades & Tints

#56CCB4

Dark

Light

#93C295

Dark

Light

#B0C43D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #56ccb4;
  --color-2: #93c295;
  --color-3: #b0c43d;
  --color-4: #cfbd65;
  --color-5: #ebb67f;
}

SCSS

$color-1: #56ccb4;
$color-2: #93c295;
$color-3: #b0c43d;
$color-4: #cfbd65;
$color-5: #ebb67f;

TAILWIND

colors: {
  'brand-1': '#56ccb4',
  'brand-2': '#93c295',
  'brand-3': '#b0c43d',
  'brand-4': '#cfbd65',
  'brand-5': '#ebb67f',
}

RGB Array

[86, 204, 180], [147, 194, 149], [176, 196, 61], [207, 189, 101], [235, 182, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #56CCB4, #93C295, #B0C43D, #CFBD65, #EBB67F 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: #56ccb4; --color-2: #93c295; --color-3: #b0c43d; --color-4: #cfbd65; --color-5: #ebb67f. 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