← Back to Editor

#75C472 · #EAD029 · #D1D29F · #DECD9B · #D8C33B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#75C472

Celadon · DarkSeaGreen · Apple Green

HEX
#75C472
RGB
rgb(117, 196, 114)
HSL
hsl(118, 41%, 61%)
HSB
hsb(118, 42%, 77%)
CMYK
cmyk(40%, 0%, 42%, 23%)
Oklch
oklch(74.9% 0.139 143.3)

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

#EAD029

Autumn Sage · Gold · Sunflower

HEX
#EAD029
RGB
rgb(234, 208, 41)
HSL
hsl(52, 82%, 54%)
HSB
hsb(52, 82%, 92%)
CMYK
cmyk(0%, 11%, 82%, 8%)
Oklch
oklch(85.4% 0.169 99.5)

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

#D1D29F

Fresh Green · Tan · Sunflower

HEX
#D1D29F
RGB
rgb(209, 210, 159)
HSL
hsl(61, 36%, 72%)
HSB
hsb(61, 24%, 82%)
CMYK
cmyk(0%, 0%, 24%, 18%)
Oklch
oklch(85.0% 0.067 108.7)

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

#DECD9B

Goose Yellow · BurlyWood · Sunflower

HEX
#DECD9B
RGB
rgb(222, 205, 155)
HSL
hsl(45, 50%, 74%)
HSB
hsb(45, 30%, 87%)
CMYK
cmyk(0%, 8%, 30%, 13%)
Oklch
oklch(85.0% 0.068 91.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#D8C33B

Autumn Sage · GoldenRod · Sunflower

HEX
#D8C33B
RGB
rgb(216, 195, 59)
HSL
hsl(52, 67%, 54%)
HSB
hsb(52, 73%, 85%)
CMYK
cmyk(0%, 10%, 73%, 15%)
Oklch
oklch(81.2% 0.150 100.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75C472
C273C4

Analogous

9EC473
75C472
73C499

Triadic

75C472
7375C4
C47375

Split-Comp.

75C472
9973C4
C4739E

Tetradic

75C472
739EC4
C273C4
C49973

Contrast Matrix WCAG 2.1 Contrast

75C472
EAD029
D1D29F
DECD9B
D8C33B
—
1.4
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.4
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.4
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.3
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
2.1Fail
1.5Fail
1.6Fail
1.6Fail
1.8Fail
Black BG
9.9AAA
13.6AAA
13.4AAA
13.3AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

979886
DFDF51
D1D1AB
D7D6A7
CFCF5C

Deuteranopia

938D8B
E0E25B
D1D1AE
D8D9AA
D0D264

Tritanopia

799699
E97178
D1B5B7
DDB1B3
D7767C

Achromatopsia

A3A3A3
C5C5C5
CCCCCC
CCCCCC
BABABA

Shades & Tints Shades & Tints

#75C472

Dark
Light

#EAD029

Dark
Light

#D1D29F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75c472;
  --color-2: #ead029;
  --color-3: #d1d29f;
  --color-4: #decd9b;
  --color-5: #d8c33b;
}

SCSS

$color-1: #75c472;
$color-2: #ead029;
$color-3: #d1d29f;
$color-4: #decd9b;
$color-5: #d8c33b;

TAILWIND

colors: {
  'brand-1': '#75c472',
  'brand-2': '#ead029',
  'brand-3': '#d1d29f',
  'brand-4': '#decd9b',
  'brand-5': '#d8c33b',
}

RGB Array

[117, 196, 114], [234, 208, 41], [209, 210, 159], [222, 205, 155], [216, 195, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75C472, #EAD029, #D1D29F, #DECD9B, #D8C33B 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: #75c472; --color-2: #ead029; --color-3: #d1d29f; --color-4: #decd9b; --color-5: #d8c33b. 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