← Back to Editor

#FFFFCB · #C7E293 · #E7F4A5 · #FFBB9A · #AD8C65

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FFFFCB

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFCB
RGB
rgb(255, 255, 203)
HSL
hsl(60, 100%, 90%)
HSB
hsb(60, 20%, 100%)
CMYK
cmyk(0%, 0%, 20%, 0%)
Oklch
oklch(98.7% 0.067 107.6)

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

#C7E293

Willow Green · Khaki · Apple Green

HEX
#C7E293
RGB
rgb(199, 226, 147)
HSL
hsl(81, 58%, 73%)
HSB
hsb(81, 35%, 89%)
CMYK
cmyk(12%, 0%, 35%, 11%)
Oklch
oklch(87.4% 0.107 123.9)

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

#E7F4A5

Willow Green · Wheat · Apple Green

HEX
#E7F4A5
RGB
rgb(231, 244, 165)
HSL
hsl(70, 78%, 80%)
HSB
hsb(70, 32%, 96%)
CMYK
cmyk(5%, 0%, 32%, 4%)
Oklch
oklch(93.9% 0.101 116.0)

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

#FFBB9A

Apricot · BurlyWood · Peach Orange

HEX
#FFBB9A
RGB
rgb(255, 187, 154)
HSL
hsl(20, 100%, 80%)
HSB
hsb(20, 40%, 100%)
CMYK
cmyk(0%, 27%, 40%, 0%)
Oklch
oklch(84.7% 0.091 46.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#AD8C65

Ginger · Gray · Warm Sun

HEX
#AD8C65
RGB
rgb(173, 140, 101)
HSL
hsl(33, 31%, 54%)
HSB
hsb(33, 42%, 68%)
CMYK
cmyk(0%, 19%, 42%, 32%)
Oklch
oklch(66.1% 0.067 70.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFCB
CCCCFF

Analogous

FFE6CC
FFFFCB
E6FFCC

Triadic

FFFFCB
CCFFFF
FFCCFF

Split-Comp.

FFFFCB
CCE6FF
E6CCFF

Tetradic

FFFFCB
CCFFE6
CCCCFF
FFCCE6

Contrast Matrix WCAG 2.1 Contrast

FFFFCB
C7E293
E7F4A5
FFBB9A
AD8C65
—
1.4
Fail
1.1
Fail
1.6
Fail
3.0
AA Large
1.4
Fail
—
1.2
Fail
1.1
Fail
2.2
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
2.7
Fail
1.6
Fail
1.1
Fail
1.4
Fail
—
1.9
Fail
3.0
AA Large
2.2
Fail
2.7
Fail
1.9
Fail
—
White BG
1.0Fail
1.4Fail
1.2Fail
1.6Fail
3.1AA Large
Black BG
20.4AAA
14.7AAA
17.9AAA
12.8AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFD8
D3D3A6
EDEDB8
E2E1A2
9F9E6E

Deuteranopia

FFFFDB
D1CFAB
ECEBBD
E6EBA4
A1A371

Tritanopia

FFE2E4
C8B5B9
E8C7CB
FCA8AA
AB7678

Achromatopsia

F9F9F9
D1D1D1
E7E7E7
CCCCCC
919191

Shades & Tints Shades & Tints

#FFFFCB

Dark
Light

#C7E293

Dark
Light

#E7F4A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffcb;
  --color-2: #c7e293;
  --color-3: #e7f4a5;
  --color-4: #ffbb9a;
  --color-5: #ad8c65;
}

SCSS

$color-1: #ffffcb;
$color-2: #c7e293;
$color-3: #e7f4a5;
$color-4: #ffbb9a;
$color-5: #ad8c65;

TAILWIND

colors: {
  'brand-1': '#ffffcb',
  'brand-2': '#c7e293',
  'brand-3': '#e7f4a5',
  'brand-4': '#ffbb9a',
  'brand-5': '#ad8c65',
}

RGB Array

[255, 255, 203], [199, 226, 147], [231, 244, 165], [255, 187, 154], [173, 140, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFFCB, #C7E293, #E7F4A5, #FFBB9A, #AD8C65 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: #ffffcb; --color-2: #c7e293; --color-3: #e7f4a5; --color-4: #ffbb9a; --color-5: #ad8c65. 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