← Back to Editor

#FEFFED · #C3EBD1 · #97D4AF · #A89A79 · #F6A85C

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

#FEFFED

Fresh Green · SeaShell · Lemon Cream

HEX
#FEFFED
RGB
rgb(254, 255, 237)
HSL
hsl(63, 100%, 96%)
HSB
hsb(63, 7%, 100%)
CMYK
cmyk(0%, 0%, 7%, 0%)
Oklch
oklch(99.4% 0.024 109.4)

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

#C3EBD1

Celadon · LightGray · Mint Green

HEX
#C3EBD1
RGB
rgb(195, 235, 209)
HSL
hsl(141, 50%, 84%)
HSB
hsb(141, 17%, 92%)
CMYK
cmyk(17%, 0%, 11%, 8%)
Oklch
oklch(90.4% 0.055 156.6)

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

#97D4AF

Celadon · DarkSeaGreen · Apple Green

HEX
#97D4AF
RGB
rgb(151, 212, 175)
HSL
hsl(144, 41%, 71%)
HSB
hsb(144, 29%, 83%)
CMYK
cmyk(29%, 0%, 17%, 17%)
Oklch
oklch(81.8% 0.081 157.4)

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

#A89A79

Ginger · DarkSeaGreen · Sunflower

HEX
#A89A79
RGB
rgb(168, 154, 121)
HSL
hsl(42, 21%, 57%)
HSB
hsb(42, 28%, 66%)
CMYK
cmyk(0%, 8%, 28%, 34%)
Oklch
oklch(69.0% 0.049 87.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F6A85C

Ginger · SandyBrown · Warm Sun

HEX
#F6A85C
RGB
rgb(246, 168, 92)
HSL
hsl(30, 90%, 66%)
HSB
hsb(30, 63%, 96%)
CMYK
cmyk(0%, 32%, 63%, 4%)
Oklch
oklch(79.3% 0.130 63.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFFED
ECEBFF

Analogous

FFF6EB
FEFFED
F4FFEB

Triadic

FEFFED
EBFEFF
FFEBFE

Split-Comp.

FEFFED
EBF4FF
F6EBFF

Tetradic

FEFFED
EBFFF6
ECEBFF
FFEBF4

Contrast Matrix WCAG 2.1 Contrast

FEFFED
C3EBD1
97D4AF
A89A79
F6A85C
—
1.3
Fail
1.7
Fail
2.7
Fail
1.9
Fail
1.3
Fail
—
1.3
Fail
2.1
Fail
1.5
Fail
1.7
Fail
1.3
Fail
—
1.6
Fail
1.2
Fail
2.7
Fail
2.1
Fail
1.6
Fail
—
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
1.4
Fail
—
White BG
1.0Fail
1.3Fail
1.7Fail
2.8Fail
2.0Fail
Black BG
20.7AAA
16.1AAA
12.4AAA
7.6AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEF1
D4D5D7
B1B2B8
A2A281
D4D46E

Deuteranopia

FEFEF2
D2CFD9
AEA9BA
A3A483
D9DF73

Tritanopia

FEF5F6
C5DCDD
9ABFC1
A78789
F27D80

Achromatopsia

FDFDFD
DCDCDC
BEBEBE
9A9A9A
B7B7B7

Shades & Tints Shades & Tints

#FEFFED

Dark
Light

#C3EBD1

Dark
Light

#97D4AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feffed;
  --color-2: #c3ebd1;
  --color-3: #97d4af;
  --color-4: #a89a79;
  --color-5: #f6a85c;
}

SCSS

$color-1: #feffed;
$color-2: #c3ebd1;
$color-3: #97d4af;
$color-4: #a89a79;
$color-5: #f6a85c;

TAILWIND

colors: {
  'brand-1': '#feffed',
  'brand-2': '#c3ebd1',
  'brand-3': '#97d4af',
  'brand-4': '#a89a79',
  'brand-5': '#f6a85c',
}

RGB Array

[254, 255, 237], [195, 235, 209], [151, 212, 175], [168, 154, 121], [246, 168, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFFED, #C3EBD1, #97D4AF, #A89A79, #F6A85C 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: #feffed; --color-2: #c3ebd1; --color-3: #97d4af; --color-4: #a89a79; --color-5: #f6a85c. 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