← Back to Editor

#A5A694 · #FFD980 · #E2B3FF · #66F7FF · #505059

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

#A5A694

Fresh Green · DarkGray · Silver Sand

HEX
#A5A694
RGB
rgb(165, 166, 148)
HSL
hsl(63, 9%, 62%)
HSB
hsb(63, 11%, 65%)
CMYK
cmyk(1%, 0%, 11%, 35%)
Oklch
oklch(71.9% 0.025 109.6)

Traditional「Fresh Green」· Paint「Silver Sand」· Creative Urban Concrete

#FFD980

Goose Yellow · Khaki · Sunflower

HEX
#FFD980
RGB
rgb(255, 217, 128)
HSL
hsl(42, 100%, 75%)
HSB
hsb(42, 50%, 100%)
CMYK
cmyk(0%, 15%, 50%, 0%)
Oklch
oklch(89.9% 0.116 86.9)

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

#E2B3FF

Lilac · Lavender · Lavender

HEX
#E2B3FF
RGB
rgb(226, 179, 255)
HSL
hsl(277, 100%, 85%)
HSB
hsb(277, 30%, 100%)
CMYK
cmyk(11%, 30%, 0%, 0%)
Oklch
oklch(83.4% 0.115 312.1)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#66F7FF

Sky Blue · LightSkyBlue · Lake Green

HEX
#66F7FF
RGB
rgb(102, 247, 255)
HSL
hsl(183, 100%, 70%)
HSB
hsb(183, 60%, 100%)
CMYK
cmyk(60%, 3%, 0%, 0%)
Oklch
oklch(90.1% 0.124 200.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#505059

Ink Gray · DarkSlateGray · Charcoal

HEX
#505059
RGB
rgb(80, 80, 89)
HSL
hsl(240, 5%, 33%)
HSB
hsb(240, 10%, 35%)
CMYK
cmyk(10%, 10%, 0%, 65%)
Oklch
oklch(43.5% 0.015 285.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5A694
9695A7

Analogous

A79F95
A5A694
9DA795

Triadic

A5A694
95A6A7
A795A6

Split-Comp.

A5A694
959DA7
9F95A7

Tetradic

A5A694
95A79F
9695A7
A7959D

Contrast Matrix WCAG 2.1 Contrast

A5A694
FFD980
E2B3FF
66F7FF
505059
—
1.8
Fail
1.4
Fail
1.9
Fail
3.2
AA Large
1.8
Fail
—
1.3
Fail
1.1
Fail
5.9
AA
1.4
Fail
1.3
Fail
—
1.3
Fail
4.6
AA
1.9
Fail
1.1
Fail
1.3
Fail
—
6.2
AA
3.2
AA Large
5.9
AA
4.6
AA
6.2
AA
—
White BG
2.5Fail
1.4Fail
1.7Fail
1.3Fail
8.0AAA
Black BG
8.5AAA
15.5AAA
12.1AAA
16.3AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A598
EFEE96
CECDED
A5A6FD
505057

Deuteranopia

A5A599
F1F49B
D0D4E8
9C92FD
505056

Tritanopia

A59C9D
FDA7AA
E0DEDB
6DFCFB
505555

Achromatopsia

A4A4A4
DADADA
CACACA
CDCDCD
515151

Shades & Tints Shades & Tints

#A5A694

Dark
Light

#FFD980

Dark
Light

#E2B3FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5a694;
  --color-2: #ffd980;
  --color-3: #e2b3ff;
  --color-4: #66f7ff;
  --color-5: #505059;
}

SCSS

$color-1: #a5a694;
$color-2: #ffd980;
$color-3: #e2b3ff;
$color-4: #66f7ff;
$color-5: #505059;

TAILWIND

colors: {
  'brand-1': '#a5a694',
  'brand-2': '#ffd980',
  'brand-3': '#e2b3ff',
  'brand-4': '#66f7ff',
  'brand-5': '#505059',
}

RGB Array

[165, 166, 148], [255, 217, 128], [226, 179, 255], [102, 247, 255], [80, 80, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A5A694, #FFD980, #E2B3FF, #66F7FF, #505059 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: #a5a694; --color-2: #ffd980; --color-3: #e2b3ff; --color-4: #66f7ff; --color-5: #505059. 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