← Back to Editor

#F5E0AB · #CEF7D7 · #C8B185 · #73E8BE · #402000

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 AppData Visualization

Color Details Color Details

#F5E0AB

Goose Yellow · Wheat · Lemon Cream

HEX
#F5E0AB
RGB
rgb(245, 224, 171)
HSL
hsl(43, 79%, 82%)
HSB
hsb(43, 30%, 96%)
CMYK
cmyk(0%, 9%, 30%, 4%)
Oklch
oklch(91.1% 0.072 88.9)

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

#CEF7D7

Emerald · LightGray · Mint Green

HEX
#CEF7D7
RGB
rgb(206, 247, 215)
HSL
hsl(133, 72%, 89%)
HSB
hsb(133, 17%, 97%)
CMYK
cmyk(17%, 0%, 13%, 3%)
Oklch
oklch(93.9% 0.060 151.7)

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

#C8B185

Ginger · Tan · Warm Sun

HEX
#C8B185
RGB
rgb(200, 177, 133)
HSL
hsl(39, 38%, 65%)
HSB
hsb(39, 34%, 78%)
CMYK
cmyk(0%, 12%, 34%, 22%)
Oklch
oklch(76.9% 0.065 83.4)

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

#73E8BE

Jade · MediumAquaMarine · Apple Green

HEX
#73E8BE
RGB
rgb(115, 232, 190)
HSL
hsl(158, 72%, 68%)
HSB
hsb(158, 50%, 91%)
CMYK
cmyk(50%, 0%, 18%, 9%)
Oklch
oklch(85.1% 0.123 167.5)

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

#402000

Ochre · Black · Cinnamon

HEX
#402000
RGB
rgb(64, 32, 0)
HSL
hsl(30, 100%, 13%)
HSB
hsb(30, 100%, 25%)
CMYK
cmyk(0%, 50%, 100%, 75%)
Oklch
oklch(28.2% 0.066 60.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5E0AB
ADC1F5

Analogous

F5BDAD
F5E0AB
E6F5AD

Triadic

F5E0AB
ADF5E1
E1ADF5

Split-Comp.

F5E0AB
ADE6F5
BDADF5

Tetradic

F5E0AB
ADF5BD
ADC1F5
F5ADE6

Contrast Matrix WCAG 2.1 Contrast

F5E0AB
CEF7D7
C8B185
73E8BE
402000
—
1.1
Fail
1.6
Fail
1.2
Fail
11.3
AAA
1.1
Fail
—
1.8
Fail
1.3
Fail
12.6
AAA
1.6
Fail
1.8
Fail
—
1.4
Fail
7.1
AAA
1.2
Fail
1.3
Fail
1.4
Fail
—
9.8
AAA
11.3
AAA
12.6
AAA
7.1
AAA
9.8
AAA
—
White BG
1.3Fail
1.2Fail
2.1Fail
1.5Fail
14.7AAA
Black BG
16.1AAA
17.9AAA
10.1AAA
14.0AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECB8
E0E0DF
BEBE90
A6A7C8
323208

Deuteranopia

EDEFBB
DDDAE1
BFC192
9F96CB
34360A

Tritanopia

F4C2C4
D0E5E6
C7989A
79D0D2
3E0E0F

Achromatopsia

E0E0E0
E7E7E7
B3B3B3
C0C0C0
262626

Shades & Tints Shades & Tints

#F5E0AB

Dark
Light

#CEF7D7

Dark
Light

#C8B185

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5e0ab;
  --color-2: #cef7d7;
  --color-3: #c8b185;
  --color-4: #73e8be;
  --color-5: #402000;
}

SCSS

$color-1: #f5e0ab;
$color-2: #cef7d7;
$color-3: #c8b185;
$color-4: #73e8be;
$color-5: #402000;

TAILWIND

colors: {
  'brand-1': '#f5e0ab',
  'brand-2': '#cef7d7',
  'brand-3': '#c8b185',
  'brand-4': '#73e8be',
  'brand-5': '#402000',
}

RGB Array

[245, 224, 171], [206, 247, 215], [200, 177, 133], [115, 232, 190], [64, 32, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5E0AB, #CEF7D7, #C8B185, #73E8BE, #402000 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f5e0ab; --color-2: #cef7d7; --color-3: #c8b185; --color-4: #73e8be; --color-5: #402000. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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