← Back to Editor

#CEC36F · #F5F1D4 · #87CCB8 · #E48470 · #797156

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#CEC36F

Fresh Green · BurlyWood · Sunflower

HEX
#CEC36F
RGB
rgb(206, 195, 111)
HSL
hsl(53, 49%, 62%)
HSB
hsb(53, 46%, 81%)
CMYK
cmyk(0%, 5%, 46%, 19%)
Oklch
oklch(80.8% 0.106 101.9)

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

#F5F1D4

Fresh Green · Beige · Lemon Cream

HEX
#F5F1D4
RGB
rgb(245, 241, 212)
HSL
hsl(53, 62%, 90%)
HSB
hsb(53, 13%, 96%)
CMYK
cmyk(0%, 2%, 13%, 4%)
Oklch
oklch(95.4% 0.038 100.6)

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

#87CCB8

Jade · MediumAquaMarine · Lake Green

HEX
#87CCB8
RGB
rgb(135, 204, 184)
HSL
hsl(163, 40%, 66%)
HSB
hsb(163, 34%, 80%)
CMYK
cmyk(34%, 0%, 10%, 20%)
Oklch
oklch(79.4% 0.076 174.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#E48470

Peach Pink · LightCoral · Coral Red

HEX
#E48470
RGB
rgb(228, 132, 112)
HSL
hsl(10, 68%, 67%)
HSB
hsb(10, 51%, 89%)
CMYK
cmyk(0%, 42%, 51%, 11%)
Oklch
oklch(71.2% 0.122 32.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#797156

Ochre · DimGray · Honey Gold

HEX
#797156
RGB
rgb(121, 113, 86)
HSL
hsl(46, 17%, 41%)
HSB
hsb(46, 29%, 47%)
CMYK
cmyk(0%, 7%, 29%, 53%)
Oklch
oklch(54.9% 0.041 93.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEC36F
6F7ACE

Analogous

CE936F
CEC36F
A9CE6F

Triadic

CEC36F
6FCEC3
C36FCE

Split-Comp.

CEC36F
6FA9CE
936FCE

Tetradic

CEC36F
6FCE93
6F7ACE
CE6FA9

Contrast Matrix WCAG 2.1 Contrast

CEC36F
F5F1D4
87CCB8
E48470
797156
—
1.6
Fail
1.0
Fail
1.5
Fail
2.7
Fail
1.6
Fail
—
1.6
Fail
2.4
Fail
4.3
AA Large
1.0
Fail
1.6
Fail
—
1.5
Fail
2.6
Fail
1.5
Fail
2.4
Fail
1.5
Fail
—
1.8
Fail
2.7
Fail
4.3
AA Large
2.6
Fail
1.8
Fail
—
White BG
1.8Fail
1.1Fail
1.8Fail
2.7Fail
4.9AA
Black BG
11.7AAA
18.4AAA
11.4AAA
7.8AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C983
F3F3DB
A5A5BD
BABA75
76755D

Deuteranopia

CACB88
F4F4DD
A19CBE
C0C776
76775E

Tritanopia

CD9397
F5E1E2
8AC1C2
DF797A
796263

Achromatopsia

BDBDBD
EFEFEF
B5B5B5
9E9E9E
707070

Shades & Tints Shades & Tints

#CEC36F

Dark
Light

#F5F1D4

Dark
Light

#87CCB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cec36f;
  --color-2: #f5f1d4;
  --color-3: #87ccb8;
  --color-4: #e48470;
  --color-5: #797156;
}

SCSS

$color-1: #cec36f;
$color-2: #f5f1d4;
$color-3: #87ccb8;
$color-4: #e48470;
$color-5: #797156;

TAILWIND

colors: {
  'brand-1': '#cec36f',
  'brand-2': '#f5f1d4',
  'brand-3': '#87ccb8',
  'brand-4': '#e48470',
  'brand-5': '#797156',
}

RGB Array

[206, 195, 111], [245, 241, 212], [135, 204, 184], [228, 132, 112], [121, 113, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEC36F, #F5F1D4, #87CCB8, #E48470, #797156 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #cec36f; --color-2: #f5f1d4; --color-3: #87ccb8; --color-4: #e48470; --color-5: #797156. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. High-contrast palettes naturally meet WCAG accessibility standards. 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