#DEB25B + #EDE779 + #CAD66F + #49A67F + #318C80 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DEB25B

Ginger · SandyBrown · Sunflower

HEX

#DEB25B

RGB

rgb(222, 178, 91)

HSL

hsl(40, 66%, 61%)

HSB

hsb(40, 59%, 87%)

CMYK

cmyk(0%, 20%, 59%, 13%)

Oklch

oklch(78.6% 0.117 82.6)

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

#EDE779

Fresh Green · Khaki · Sunflower

HEX

#EDE779

RGB

rgb(237, 231, 121)

HSL

hsl(57, 76%, 70%)

HSB

hsb(57, 49%, 93%)

CMYK

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

Oklch

oklch(91.0% 0.133 105.9)

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

#CAD66F

Fresh Green · BurlyWood · Sunflower

HEX

#CAD66F

RGB

rgb(202, 214, 111)

HSL

hsl(67, 56%, 64%)

HSB

hsb(67, 48%, 84%)

CMYK

cmyk(6%, 0%, 48%, 16%)

Oklch

oklch(84.5% 0.129 114.7)

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

#49A67F

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#49A67F

RGB

rgb(73, 166, 127)

HSL

hsl(155, 39%, 47%)

HSB

hsb(155, 56%, 65%)

CMYK

cmyk(56%, 0%, 23%, 35%)

Oklch

oklch(65.8% 0.107 163.3)

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

#318C80

Mineral Blue · SeaGreen · Mint Ice

HEX

#318C80

RGB

rgb(49, 140, 128)

HSL

hsl(172, 48%, 37%)

HSB

hsb(172, 65%, 55%)

CMYK

cmyk(65%, 0%, 9%, 45%)

Oklch

oklch(58.3% 0.087 183.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEB25B

5A86DD

Analogous

DD705A

DEB25B

C7DD5A

Triadic

DEB25B

5ADDB1

B15ADD

Split-Comp.

DEB25B

5AC7DD

705ADD

Tetradic

DEB25B

5ADD70

5A86DD

DD5AC7

Contrast Matrix WCAG 2.1 Contrast

DEB25B	EDE779	CAD66F	49A67F	318C80
—	1.5 Fail	1.3 Fail	1.5 Fail	2.0 Fail
1.5 Fail	—	1.2 Fail	2.3 Fail	3.1 AA Large
1.3 Fail	1.2 Fail	—	1.9 Fail	2.6 Fail
1.5 Fail	2.3 Fail	1.9 Fail	—	1.4 Fail
2.0 Fail	3.1 AA Large	2.6 Fail	1.4 Fail	—

White BG

2.0Fail

1.3Fail

1.6Fail

3.0Fail

4.0AA Large

Black BG

10.6AAA

16.3AAA

13.4AAA

7.0AAA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB70

EAEA94

CFCF88

717288

585983

Deuteranopia

CED175

EBEB9A

CFCE8E

6C658B

534C84

Tritanopia

DC8184

EDA9AD

CB9CA0

4E9092

368586

Achromatopsia

B5B5B5

DCDCDC

C7C7C7

868686

6F6F6F

Shades & Tints Shades & Tints

#DEB25B

Dark

Light

#EDE779

Dark

Light

#CAD66F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deb25b;
  --color-2: #ede779;
  --color-3: #cad66f;
  --color-4: #49a67f;
  --color-5: #318c80;
}

SCSS

$color-1: #deb25b;
$color-2: #ede779;
$color-3: #cad66f;
$color-4: #49a67f;
$color-5: #318c80;

TAILWIND

colors: {
  'brand-1': '#deb25b',
  'brand-2': '#ede779',
  'brand-3': '#cad66f',
  'brand-4': '#49a67f',
  'brand-5': '#318c80',
}

RGB Array

[222, 178, 91], [237, 231, 121], [202, 214, 111], [73, 166, 127], [49, 140, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEB25B, #EDE779, #CAD66F, #49A67F, #318C80 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: #deb25b; --color-2: #ede779; --color-3: #cad66f; --color-4: #49a67f; --color-5: #318c80. 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