← Back to Editor

#F2E8BE · #F2E39A · #AD6824 · #993F23 · #A3D6D4

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

#F2E8BE

Goose Yellow · Bisque · Lemon Cream

HEX
#F2E8BE
RGB
rgb(242, 232, 190)
HSL
hsl(48, 67%, 85%)
HSB
hsb(48, 21%, 95%)
CMYK
cmyk(0%, 4%, 21%, 5%)
Oklch
oklch(92.8% 0.056 96.2)

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

#F2E39A

Fresh Green · Khaki · Lemon Cream

HEX
#F2E39A
RGB
rgb(242, 227, 154)
HSL
hsl(50, 77%, 78%)
HSB
hsb(50, 36%, 95%)
CMYK
cmyk(0%, 6%, 36%, 5%)
Oklch
oklch(91.1% 0.094 98.0)

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

#AD6824

Ochre · Sienna · Amber Brown

HEX
#AD6824
RGB
rgb(173, 104, 36)
HSL
hsl(30, 66%, 41%)
HSB
hsb(30, 79%, 68%)
CMYK
cmyk(0%, 40%, 79%, 32%)
Oklch
oklch(58.2% 0.119 60.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#993F23

Vermilion · Sienna · Wine Red

HEX
#993F23
RGB
rgb(153, 63, 35)
HSL
hsl(14, 63%, 37%)
HSB
hsb(14, 77%, 60%)
CMYK
cmyk(0%, 59%, 77%, 40%)
Oklch
oklch(48.5% 0.128 37.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#A3D6D4

Jade · LightBlue · Lake Green

HEX
#A3D6D4
RGB
rgb(163, 214, 212)
HSL
hsl(178, 38%, 74%)
HSB
hsb(178, 24%, 84%)
CMYK
cmyk(24%, 0%, 1%, 16%)
Oklch
oklch(84.0% 0.053 193.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2E8BE
BFC9F2

Analogous

F2CEBF
F2E8BE
E3F2BF

Triadic

F2E8BE
BFF2E8
E8BFF2

Split-Comp.

F2E8BE
BFE3F2
CEBFF2

Tetradic

F2E8BE
BFF2CE
BFC9F2
F2BFE3

Contrast Matrix WCAG 2.1 Contrast

F2E8BE
F2E39A
AD6824
993F23
A3D6D4
—
1.1
Fail
3.6
AA Large
5.5
AA
1.3
Fail
1.1
Fail
—
3.4
AA Large
5.3
AA
1.2
Fail
3.6
AA Large
3.4
AA Large
—
1.5
Fail
2.7
Fail
5.5
AA
5.3
AA
1.5
Fail
—
4.2
AA Large
1.3
Fail
1.2
Fail
2.7
Fail
4.2
AA Large
—
White BG
1.2Fail
1.3Fail
4.4AA Large
6.8AA
1.6Fail
Black BG
17.1AAA
16.2AAA
4.8AA
3.1AA Large
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEC8
ECEBAC
8F8F34
72712A
B9BAD4

Deuteranopia

EEEFCB
ECEDB0
939838
777E2B
B6B2D5

Tritanopia

F1D0D2
F1BABD
AA4144
952F30
A6D5D5

Achromatopsia

E6E6E6
DFDFDF
757575
575757
C7C7C7

Shades & Tints Shades & Tints

#F2E8BE

Dark
Light

#F2E39A

Dark
Light

#AD6824

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2e8be;
  --color-2: #f2e39a;
  --color-3: #ad6824;
  --color-4: #993f23;
  --color-5: #a3d6d4;
}

SCSS

$color-1: #f2e8be;
$color-2: #f2e39a;
$color-3: #ad6824;
$color-4: #993f23;
$color-5: #a3d6d4;

TAILWIND

colors: {
  'brand-1': '#f2e8be',
  'brand-2': '#f2e39a',
  'brand-3': '#ad6824',
  'brand-4': '#993f23',
  'brand-5': '#a3d6d4',
}

RGB Array

[242, 232, 190], [242, 227, 154], [173, 104, 36], [153, 63, 35], [163, 214, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2E8BE, #F2E39A, #AD6824, #993F23, #A3D6D4 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: #f2e8be; --color-2: #f2e39a; --color-3: #ad6824; --color-4: #993f23; --color-5: #a3d6d4. 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