← Back to Editor

#F6D49E · #DCE2AF · #B0E9CF · #78E8E2 · #474857

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

#F6D49E

Goose Yellow · Wheat · Peach Orange

HEX
#F6D49E
RGB
rgb(246, 212, 158)
HSL
hsl(37, 83%, 79%)
HSB
hsb(37, 36%, 96%)
CMYK
cmyk(0%, 14%, 36%, 4%)
Oklch
oklch(88.6% 0.079 79.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DCE2AF

Fresh Green · Wheat · Lemon Cream

HEX
#DCE2AF
RGB
rgb(220, 226, 175)
HSL
hsl(67, 47%, 79%)
HSB
hsb(67, 23%, 89%)
CMYK
cmyk(3%, 0%, 23%, 11%)
Oklch
oklch(89.6% 0.067 113.2)

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

#B0E9CF

Jade · LightBlue · Apple Green

HEX
#B0E9CF
RGB
rgb(176, 233, 207)
HSL
hsl(153, 56%, 80%)
HSB
hsb(153, 24%, 91%)
CMYK
cmyk(24%, 0%, 11%, 9%)
Oklch
oklch(88.8% 0.068 165.2)

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

#78E8E2

Jade · SkyBlue · Lake Green

HEX
#78E8E2
RGB
rgb(120, 232, 226)
HSL
hsl(177, 71%, 69%)
HSB
hsb(177, 48%, 91%)
CMYK
cmyk(48%, 0%, 3%, 9%)
Oklch
oklch(86.3% 0.103 190.8)

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

#474857

Indigo · DarkSlateGray · Prussian Blue

HEX
#474857
RGB
rgb(71, 72, 87)
HSL
hsl(236, 10%, 31%)
HSB
hsb(236, 18%, 34%)
CMYK
cmyk(18%, 17%, 0%, 66%)
Oklch
oklch(40.7% 0.025 282.2)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6D49E
9DBFF6

Analogous

F6A79D
F6D49E
ECF69D

Triadic

F6D49E
9DF6D4
D49DF6

Split-Comp.

F6D49E
9DECF6
A79DF6

Tetradic

F6D49E
9DF6A7
9DBFF6
F69DEC

Contrast Matrix WCAG 2.1 Contrast

F6D49E
DCE2AF
B0E9CF
78E8E2
474857
—
1.0
Fail
1.0
Fail
1.0
Fail
6.4
AA
1.0
Fail
—
1.0
Fail
1.1
Fail
6.7
AA
1.0
Fail
1.0
Fail
—
1.1
Fail
6.6
AA
1.0
Fail
1.1
Fail
1.1
Fail
—
6.2
AA
6.4
AA
6.7
AA
6.6
AA
6.2
AA
—
White BG
1.4Fail
1.4Fail
1.4Fail
1.5Fail
9.0AAA
Black BG
14.8AAA
15.5AAA
15.4AAA
14.4AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7AB
DFDFBB
C9C9D5
A8AAE3
474753

Deuteranopia

E9ECAE
DEDEBE
C5C1D7
A29AE4
474753

Tritanopia

F4B5B8
DCC5C7
B3DADB
7EE5E5
475150

Achromatopsia

D8D8D8
DADADA
D5D5D5
C6C6C6
494949

Shades & Tints Shades & Tints

#F6D49E

Dark
Light

#DCE2AF

Dark
Light

#B0E9CF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6d49e;
  --color-2: #dce2af;
  --color-3: #b0e9cf;
  --color-4: #78e8e2;
  --color-5: #474857;
}

SCSS

$color-1: #f6d49e;
$color-2: #dce2af;
$color-3: #b0e9cf;
$color-4: #78e8e2;
$color-5: #474857;

TAILWIND

colors: {
  'brand-1': '#f6d49e',
  'brand-2': '#dce2af',
  'brand-3': '#b0e9cf',
  'brand-4': '#78e8e2',
  'brand-5': '#474857',
}

RGB Array

[246, 212, 158], [220, 226, 175], [176, 233, 207], [120, 232, 226], [71, 72, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6D49E, #DCE2AF, #B0E9CF, #78E8E2, #474857 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: #f6d49e; --color-2: #dce2af; --color-3: #b0e9cf; --color-4: #78e8e2; --color-5: #474857. 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