← Back to Editor

#A8E5D1 · #EAE0A8 · #F1A97E · #F76C4C · #734618

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

#A8E5D1

Jade · LightBlue · Glacier Blue

HEX
#A8E5D1
RGB
rgb(168, 229, 209)
HSL
hsl(160, 54%, 78%)
HSB
hsb(160, 27%, 90%)
CMYK
cmyk(27%, 0%, 9%, 10%)
Oklch
oklch(87.5% 0.068 172.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EAE0A8

Fresh Green · Wheat · Lemon Cream

HEX
#EAE0A8
RGB
rgb(234, 224, 168)
HSL
hsl(51, 61%, 79%)
HSB
hsb(51, 28%, 92%)
CMYK
cmyk(0%, 4%, 28%, 8%)
Oklch
oklch(90.1% 0.073 99.2)

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

#F1A97E

Apricot · LightSalmon · Warm Sun

HEX
#F1A97E
RGB
rgb(241, 169, 126)
HSL
hsl(22, 80%, 72%)
HSB
hsb(22, 48%, 95%)
CMYK
cmyk(0%, 30%, 48%, 5%)
Oklch
oklch(79.4% 0.103 51.6)

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

#F76C4C

Peach Pink · Tomato · Coral Red

HEX
#F76C4C
RGB
rgb(247, 108, 76)
HSL
hsl(11, 91%, 63%)
HSB
hsb(11, 69%, 97%)
CMYK
cmyk(0%, 56%, 69%, 3%)
Oklch
oklch(69.6% 0.178 34.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#734618

Ochre · Sienna · Amber Brown

HEX
#734618
RGB
rgb(115, 70, 24)
HSL
hsl(30, 65%, 27%)
HSB
hsb(30, 79%, 45%)
CMYK
cmyk(0%, 39%, 79%, 55%)
Oklch
oklch(43.8% 0.086 62.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8E5D1
E5A9BD

Analogous

A9E5B3
A8E5D1
A9DBE5

Triadic

A8E5D1
D1A9E5
E5D1A9

Split-Comp.

A8E5D1
E5A9DB
E5B3A9

Tetradic

A8E5D1
B3A9E5
E5A9BD
DBE5A9

Contrast Matrix WCAG 2.1 Contrast

A8E5D1
EAE0A8
F1A97E
F76C4C
734618
—
1.1
Fail
1.4
Fail
2.1
Fail
5.7
AA
1.1
Fail
—
1.5
Fail
2.2
Fail
6.0
AA
1.4
Fail
1.5
Fail
—
1.5
Fail
4.1
AA Large
2.1
Fail
2.2
Fail
1.5
Fail
—
2.8
Fail
5.7
AA
6.0
AA
4.1
AA Large
2.8
Fail
—
White BG
1.4Fail
1.3Fail
2.0Fail
2.9Fail
8.0AAA
Black BG
14.8AAA
15.7AAA
10.7AAA
7.2AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C3D6
E6E6B6
D2D188
BBBA54
605F23

Deuteranopia

BFBAD7
E6E7B9
D6DB8B
C3CD56
626626

Tritanopia

ABDADB
E9C0C3
ED9192
F05A5B
712C2E

Achromatopsia

D0D0D0
DDDDDD
BABABA
929292
4E4E4E

Shades & Tints Shades & Tints

#A8E5D1

Dark
Light

#EAE0A8

Dark
Light

#F1A97E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8e5d1;
  --color-2: #eae0a8;
  --color-3: #f1a97e;
  --color-4: #f76c4c;
  --color-5: #734618;
}

SCSS

$color-1: #a8e5d1;
$color-2: #eae0a8;
$color-3: #f1a97e;
$color-4: #f76c4c;
$color-5: #734618;

TAILWIND

colors: {
  'brand-1': '#a8e5d1',
  'brand-2': '#eae0a8',
  'brand-3': '#f1a97e',
  'brand-4': '#f76c4c',
  'brand-5': '#734618',
}

RGB Array

[168, 229, 209], [234, 224, 168], [241, 169, 126], [247, 108, 76], [115, 70, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8E5D1, #EAE0A8, #F1A97E, #F76C4C, #734618 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: #a8e5d1; --color-2: #eae0a8; --color-3: #f1a97e; --color-4: #f76c4c; --color-5: #734618. 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