← Back to Editor

#2FCADE · #ACD6CA · #F1F0EC · #F4E395 · #F7D619

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

#2FCADE

Lake Blue · Turquoise · Lake Green

HEX
#2FCADE
RGB
rgb(47, 202, 222)
HSL
hsl(187, 73%, 53%)
HSB
hsb(187, 79%, 87%)
CMYK
cmyk(79%, 9%, 0%, 13%)
Oklch
oklch(77.1% 0.124 208.3)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#ACD6CA

Jade · LightSteelBlue · Glacier Blue

HEX
#ACD6CA
RGB
rgb(172, 214, 202)
HSL
hsl(163, 34%, 76%)
HSB
hsb(163, 20%, 84%)
CMYK
cmyk(20%, 0%, 6%, 16%)
Oklch
oklch(84.3% 0.047 175.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#F1F0EC

Goose Yellow · Linen · Lemon Cream

HEX
#F1F0EC
RGB
rgb(241, 240, 236)
HSL
hsl(48, 15%, 94%)
HSB
hsb(48, 2%, 95%)
CMYK
cmyk(0%, 0%, 2%, 5%)
Oklch
oklch(95.5% 0.005 95.1)

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

#F4E395

Goose Yellow · Khaki · Lemon Cream

HEX
#F4E395
RGB
rgb(244, 227, 149)
HSL
hsl(49, 81%, 77%)
HSB
hsb(49, 39%, 96%)
CMYK
cmyk(0%, 7%, 39%, 4%)
Oklch
oklch(91.2% 0.099 97.4)

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

#F7D619

Autumn Sage · Gold · Sunflower

HEX
#F7D619
RGB
rgb(247, 214, 25)
HSL
hsl(51, 93%, 53%)
HSB
hsb(51, 90%, 97%)
CMYK
cmyk(0%, 13%, 90%, 3%)
Oklch
oklch(87.8% 0.178 97.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2FCADE
DF4430

Analogous

30DF9C
2FCADE
3073DF

Triadic

2FCADE
DF30CA
CADF30

Split-Comp.

2FCADE
DF3073
DF9C30

Tetradic

2FCADE
9C30DF
DF4430
73DF30

Contrast Matrix WCAG 2.1 Contrast

2FCADE
ACD6CA
F1F0EC
F4E395
F7D619
—
1.2
Fail
1.7
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
1.1
Fail
1.7
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.1
Fail
1.3
Fail
1.1
Fail
—
White BG
2.0Fail
1.6Fail
1.1Fail
1.3Fail
1.4Fail
Black BG
10.6AAA
13.2AAA
18.4AAA
16.3AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7274D9
BEBFCD
F1F1ED
EDECA8
E9E847

Deuteranopia

695ED8
BCB9CE
F1F1ED
EEEFAC
EBED52

Tritanopia

37D5D5
AECFD0
F1EEEE
F3B7BA
F56B73

Achromatopsia

9E9E9E
C8C8C8
F0F0F0
DFDFDF
CACACA

Shades & Tints Shades & Tints

#2FCADE

Dark
Light

#ACD6CA

Dark
Light

#F1F0EC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2fcade;
  --color-2: #acd6ca;
  --color-3: #f1f0ec;
  --color-4: #f4e395;
  --color-5: #f7d619;
}

SCSS

$color-1: #2fcade;
$color-2: #acd6ca;
$color-3: #f1f0ec;
$color-4: #f4e395;
$color-5: #f7d619;

TAILWIND

colors: {
  'brand-1': '#2fcade',
  'brand-2': '#acd6ca',
  'brand-3': '#f1f0ec',
  'brand-4': '#f4e395',
  'brand-5': '#f7d619',
}

RGB Array

[47, 202, 222], [172, 214, 202], [241, 240, 236], [244, 227, 149], [247, 214, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2FCADE, #ACD6CA, #F1F0EC, #F4E395, #F7D619 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: #2fcade; --color-2: #acd6ca; --color-3: #f1f0ec; --color-4: #f4e395; --color-5: #f7d619. 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