← Back to Editor

#76D3E3 · #A5D6A5 · #D6D687 · #EBDDB5 · #FCFFCF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#76D3E3

Sky Blue · SkyBlue · Lake Green

HEX
#76D3E3
RGB
rgb(118, 211, 227)
HSL
hsl(189, 66%, 68%)
HSB
hsb(189, 48%, 89%)
CMYK
cmyk(48%, 7%, 0%, 11%)
Oklch
oklch(81.5% 0.091 209.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A5D6A5

Celadon · LightGreen · Apple Green

HEX
#A5D6A5
RGB
rgb(165, 214, 165)
HSL
hsl(120, 37%, 74%)
HSB
hsb(120, 23%, 84%)
CMYK
cmyk(23%, 0%, 23%, 16%)
Oklch
oklch(82.9% 0.085 144.8)

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

#D6D687

Fresh Green · Khaki · Sunflower

HEX
#D6D687
RGB
rgb(214, 214, 135)
HSL
hsl(60, 49%, 68%)
HSB
hsb(60, 37%, 84%)
CMYK
cmyk(0%, 0%, 37%, 16%)
Oklch
oklch(85.8% 0.101 108.3)

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

#EBDDB5

Goose Yellow · Wheat · Lemon Cream

HEX
#EBDDB5
RGB
rgb(235, 221, 181)
HSL
hsl(44, 57%, 82%)
HSB
hsb(44, 23%, 92%)
CMYK
cmyk(0%, 6%, 23%, 8%)
Oklch
oklch(89.9% 0.055 91.0)

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

#FCFFCF

Fresh Green · LightYellow · Lemon Cream

HEX
#FCFFCF
RGB
rgb(252, 255, 207)
HSL
hsl(64, 100%, 91%)
HSB
hsb(64, 19%, 100%)
CMYK
cmyk(1%, 0%, 19%, 0%)
Oklch
oklch(98.6% 0.062 110.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

76D3E3
E38878

Analogous

78E3BE
76D3E3
789DE3

Triadic

76D3E3
E378D3
D3E378

Split-Comp.

76D3E3
E3789D
E3BE78

Tetradic

76D3E3
BE78E3
E38878
9DE378

Contrast Matrix WCAG 2.1 Contrast

76D3E3
A5D6A5
D6D687
EBDDB5
FCFFCF
—
1.0
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
1.6
Fail
1.5
Fail
1.3
Fail
—
White BG
1.7Fail
1.6Fail
1.5Fail
1.4Fail
1.0Fail
Black BG
12.2AAA
12.8AAA
13.8AAA
15.5AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9FDF
BABBB1
D6D69A
E5E5BF
FDFDDB

Deuteranopia

9992DE
B7B4B4
D6D69F
E6E7C1
FDFDDD

Tritanopia

7BDCDB
A7BABC
D6A9AD
EAC6C8
FCE4E6

Achromatopsia

B9B9B9
C2C2C2
CDCDCD
DDDDDD
F9F9F9

Shades & Tints Shades & Tints

#76D3E3

Dark
Light

#A5D6A5

Dark
Light

#D6D687

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #76d3e3;
  --color-2: #a5d6a5;
  --color-3: #d6d687;
  --color-4: #ebddb5;
  --color-5: #fcffcf;
}

SCSS

$color-1: #76d3e3;
$color-2: #a5d6a5;
$color-3: #d6d687;
$color-4: #ebddb5;
$color-5: #fcffcf;

TAILWIND

colors: {
  'brand-1': '#76d3e3',
  'brand-2': '#a5d6a5',
  'brand-3': '#d6d687',
  'brand-4': '#ebddb5',
  'brand-5': '#fcffcf',
}

RGB Array

[118, 211, 227], [165, 214, 165], [214, 214, 135], [235, 221, 181], [252, 255, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #76D3E3, #A5D6A5, #D6D687, #EBDDB5, #FCFFCF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #76d3e3; --color-2: #a5d6a5; --color-3: #d6d687; --color-4: #ebddb5; --color-5: #fcffcf. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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