← Back to Editor

#D2C358 · #D6DD22 · #D1ECBF · #CBE14B · #B9D177

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D2C358

Autumn Sage · SandyBrown · Sunflower

HEX
#D2C358
RGB
rgb(210, 195, 88)
HSL
hsl(53, 58%, 58%)
HSB
hsb(53, 58%, 82%)
CMYK
cmyk(0%, 7%, 58%, 18%)
Oklch
oklch(80.9% 0.129 101.4)

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

#D6DD22

Autumn Sage · Gold · Honey Gold

HEX
#D6DD22
RGB
rgb(214, 221, 34)
HSL
hsl(62, 73%, 50%)
HSB
hsb(62, 85%, 87%)
CMYK
cmyk(3%, 0%, 85%, 13%)
Oklch
oklch(86.4% 0.185 112.1)

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

#D1ECBF

Emerald · LightGray · Mint Green

HEX
#D1ECBF
RGB
rgb(209, 236, 191)
HSL
hsl(96, 54%, 84%)
HSB
hsb(96, 19%, 93%)
CMYK
cmyk(11%, 0%, 19%, 7%)
Oklch
oklch(91.2% 0.066 132.9)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#CBE14B

Autumn Sage · GreenYellow · Sunflower

HEX
#CBE14B
RGB
rgb(203, 225, 75)
HSL
hsl(69, 71%, 59%)
HSB
hsb(69, 67%, 88%)
CMYK
cmyk(10%, 0%, 67%, 12%)
Oklch
oklch(86.6% 0.172 117.3)

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

#B9D177

Willow Green · Tan · Apple Green

HEX
#B9D177
RGB
rgb(185, 209, 119)
HSL
hsl(76, 49%, 64%)
HSB
hsb(76, 43%, 82%)
CMYK
cmyk(11%, 0%, 43%, 18%)
Oklch
oklch(82.3% 0.119 121.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2C358
5664D2

Analogous

D28556
D2C358
A2D256

Triadic

D2C358
56D2C4
C456D2

Split-Comp.

D2C358
56A2D2
8556D2

Tetradic

D2C358
56D285
5664D2
D256A2

Contrast Matrix WCAG 2.1 Contrast

D2C358
D6DD22
D1ECBF
CBE14B
B9D177
—
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
White BG
1.8Fail
1.5Fail
1.3Fail
1.5Fail
1.7Fail
Black BG
11.7AAA
14.2AAA
16.5AAA
14.4AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB72
D9D94F
DDDDCA
D5D56F
C3C48D

Deuteranopia

CCCE78
D9D85A
DBD9CD
D3D278
C2C092

Tritanopia

D1868B
D6737B
D2D2D4
CC8C92
BA9EA2

Achromatopsia

BBBBBB
C6C6C6
DFDFDF
C9C9C9
C0C0C0

Shades & Tints Shades & Tints

#D2C358

Dark
Light

#D6DD22

Dark
Light

#D1ECBF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2c358;
  --color-2: #d6dd22;
  --color-3: #d1ecbf;
  --color-4: #cbe14b;
  --color-5: #b9d177;
}

SCSS

$color-1: #d2c358;
$color-2: #d6dd22;
$color-3: #d1ecbf;
$color-4: #cbe14b;
$color-5: #b9d177;

TAILWIND

colors: {
  'brand-1': '#d2c358',
  'brand-2': '#d6dd22',
  'brand-3': '#d1ecbf',
  'brand-4': '#cbe14b',
  'brand-5': '#b9d177',
}

RGB Array

[210, 195, 88], [214, 221, 34], [209, 236, 191], [203, 225, 75], [185, 209, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2C358, #D6DD22, #D1ECBF, #CBE14B, #B9D177 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d2c358; --color-2: #d6dd22; --color-3: #d1ecbf; --color-4: #cbe14b; --color-5: #b9d177. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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