#D2DB4D + #B6B768 + #5E6462 + #56C48D + #C9D48F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D2DB4D

Autumn Sage · GreenYellow · Sunflower

HEX

#D2DB4D

RGB

rgb(210, 219, 77)

HSL

hsl(64, 66%, 58%)

HSB

hsb(64, 65%, 86%)

CMYK

cmyk(4%, 0%, 65%, 14%)

Oklch

oklch(85.9% 0.162 112.8)

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

#B6B768

Autumn Sage · Tan · Sunflower

HEX

#B6B768

RGB

rgb(182, 183, 104)

HSL

hsl(61, 35%, 56%)

HSB

hsb(61, 43%, 72%)

CMYK

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

Oklch

oklch(76.1% 0.102 109.2)

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

#5E6462

Ink Gray · DimGray · Charcoal

HEX

#5E6462

RGB

rgb(94, 100, 98)

HSL

hsl(160, 3%, 38%)

HSB

hsb(160, 6%, 39%)

CMYK

cmyk(6%, 0%, 2%, 61%)

Oklch

oklch(49.7% 0.008 174.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#56C48D

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#56C48D

RGB

rgb(86, 196, 141)

HSL

hsl(150, 48%, 55%)

HSB

hsb(150, 56%, 77%)

CMYK

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

Oklch

oklch(74.1% 0.130 159.0)

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

#C9D48F

Willow Green · Tan · Apple Green

HEX

#C9D48F

RGB

rgb(201, 212, 143)

HSL

hsl(70, 45%, 70%)

HSB

hsb(70, 33%, 83%)

CMYK

cmyk(5%, 0%, 33%, 17%)

Oklch

oklch(84.5% 0.091 115.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2DB4D

574DDB

Analogous

DB9D4D

D2DB4D

8ADB4D

Triadic

D2DB4D

4DD1DB

DB4DD1

Split-Comp.

D2DB4D

4D8ADB

9D4DDB

Tetradic

D2DB4D

4DDB9D

574DDB

DB4D8A

Contrast Matrix WCAG 2.1 Contrast

D2DB4D	B6B768	5E6462	56C48D	C9D48F
—	1.4 Fail	4.0 AA Large	1.4 Fail	1.1 Fail
1.4 Fail	—	2.9 Fail	1.0 Fail	1.3 Fail
4.0 AA Large	2.9 Fail	—	2.8 Fail	3.8 AA Large
1.4 Fail	1.0 Fail	2.8 Fail	—	1.4 Fail
1.1 Fail	1.3 Fail	3.8 AA Large	1.4 Fail	—

White BG

1.5Fail

2.1Fail

6.0AA

2.2Fail

1.6Fail

Black BG

14.0AAA

10.0AAA

3.5AA Large

9.7AAA

13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D66F

B6B67B

616162

86879A

CECEA0

Deuteranopia

D5D578

B6B680

606063

7F779E

CDCCA4

Tritanopia

D28A90

B68A8E

5E6363

5CA5A7

CAADB0

Achromatopsia

C8C8C8

AEAEAE

626262

9D9D9D

C9C9C9

Shades & Tints Shades & Tints

#D2DB4D

Dark

Light

#B6B768

Dark

Light

#5E6462

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2db4d;
  --color-2: #b6b768;
  --color-3: #5e6462;
  --color-4: #56c48d;
  --color-5: #c9d48f;
}

SCSS

$color-1: #d2db4d;
$color-2: #b6b768;
$color-3: #5e6462;
$color-4: #56c48d;
$color-5: #c9d48f;

TAILWIND

colors: {
  'brand-1': '#d2db4d',
  'brand-2': '#b6b768',
  'brand-3': '#5e6462',
  'brand-4': '#56c48d',
  'brand-5': '#c9d48f',
}

RGB Array

[210, 219, 77], [182, 183, 104], [94, 100, 98], [86, 196, 141], [201, 212, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2DB4D, #B6B768, #5E6462, #56C48D, #C9D48F 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: #d2db4d; --color-2: #b6b768; --color-3: #5e6462; --color-4: #56c48d; --color-5: #c9d48f. 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