← Back to Editor

#4E4F51 · #F1EE9D · #CED29B · #FA7789 · #CFDBC3

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

#4E4F51

Ink Gray · DarkSlateGray · Charcoal

HEX
#4E4F51
RGB
rgb(78, 79, 81)
HSL
hsl(220, 2%, 31%)
HSB
hsb(220, 4%, 32%)
CMYK
cmyk(4%, 2%, 0%, 68%)
Oklch
oklch(42.7% 0.004 264.5)

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

#F1EE9D

Fresh Green · Khaki · Lemon Cream

HEX
#F1EE9D
RGB
rgb(241, 238, 157)
HSL
hsl(58, 75%, 78%)
HSB
hsb(58, 35%, 95%)
CMYK
cmyk(0%, 1%, 35%, 5%)
Oklch
oklch(93.3% 0.102 106.4)

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

#CED29B

Fresh Green · Tan · Sunflower

HEX
#CED29B
RGB
rgb(206, 210, 155)
HSL
hsl(64, 38%, 72%)
HSB
hsb(64, 26%, 82%)
CMYK
cmyk(2%, 0%, 26%, 18%)
Oklch
oklch(84.7% 0.073 111.3)

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

#FA7789

Peach Pink · LightCoral · Coral Red

HEX
#FA7789
RGB
rgb(250, 119, 137)
HSL
hsl(352, 93%, 72%)
HSB
hsb(352, 52%, 98%)
CMYK
cmyk(0%, 52%, 45%, 2%)
Oklch
oklch(72.7% 0.160 13.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#CFDBC3

Celadon · LightGray · Mint Green

HEX
#CFDBC3
RGB
rgb(207, 219, 195)
HSL
hsl(90, 25%, 81%)
HSB
hsb(90, 11%, 86%)
CMYK
cmyk(5%, 0%, 11%, 14%)
Oklch
oklch(87.6% 0.035 128.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E4F51
51504D

Analogous

4D5051
4E4F51
4E4D51

Triadic

4E4F51
514D4F
4F514D

Split-Comp.

4E4F51
514E4D
50514D

Tetradic

4E4F51
514D50
51504D
4D514E

Contrast Matrix WCAG 2.1 Contrast

4E4F51
F1EE9D
CED29B
FA7789
CFDBC3
—
6.8
AA
5.2
AA
3.1
AA Large
5.7
AA
6.8
AA
—
1.3
Fail
2.2
Fail
1.2
Fail
5.2
AA
1.3
Fail
—
1.7
Fail
1.1
Fail
3.1
AA Large
2.2
Fail
1.7
Fail
—
1.8
Fail
5.7
AA
1.2
Fail
1.1
Fail
1.8
Fail
—
White BG
8.2AAA
1.2Fail
1.6Fail
2.6Fail
1.4Fail
Black BG
2.6Fail
17.5AAA
13.3AAA
8.1AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E51
F0F0B1
D0D0A8
C1C085
D4D4C9

Deuteranopia

4E4E50
F0F0B5
D0CFAC
C9D384
D4D3CA

Tritanopia

4E5050
F1C0C3
CEB3B5
F38180
D0CDCE

Achromatopsia

4F4F4F
E6E6E6
CBCBCB
A0A0A0
D5D5D5

Shades & Tints Shades & Tints

#4E4F51

Dark
Light

#F1EE9D

Dark
Light

#CED29B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e4f51;
  --color-2: #f1ee9d;
  --color-3: #ced29b;
  --color-4: #fa7789;
  --color-5: #cfdbc3;
}

SCSS

$color-1: #4e4f51;
$color-2: #f1ee9d;
$color-3: #ced29b;
$color-4: #fa7789;
$color-5: #cfdbc3;

TAILWIND

colors: {
  'brand-1': '#4e4f51',
  'brand-2': '#f1ee9d',
  'brand-3': '#ced29b',
  'brand-4': '#fa7789',
  'brand-5': '#cfdbc3',
}

RGB Array

[78, 79, 81], [241, 238, 157], [206, 210, 155], [250, 119, 137], [207, 219, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E4F51, #F1EE9D, #CED29B, #FA7789, #CFDBC3 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: #4e4f51; --color-2: #f1ee9d; --color-3: #ced29b; --color-4: #fa7789; --color-5: #cfdbc3. 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