← Back to Editor

#A6A1A1 · #AFCFA9 · #F9CD90 · #FBBB57 · #F78880

warm

A 5-color warm 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

#A6A1A1

Ash · DarkGray · Silver Sand

HEX
#A6A1A1
RGB
rgb(166, 161, 161)
HSL
hsl(0, 3%, 64%)
HSB
hsb(0, 3%, 65%)
CMYK
cmyk(0%, 3%, 3%, 35%)
Oklch
oklch(71.3% 0.006 17.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#AFCFA9

Celadon · Silver · Apple Green

HEX
#AFCFA9
RGB
rgb(175, 207, 169)
HSL
hsl(111, 28%, 74%)
HSB
hsb(111, 18%, 81%)
CMYK
cmyk(15%, 0%, 18%, 19%)
Oklch
oklch(82.1% 0.063 140.7)

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

#F9CD90

Goose Yellow · Khaki · Peach Orange

HEX
#F9CD90
RGB
rgb(249, 205, 144)
HSL
hsl(35, 90%, 77%)
HSB
hsb(35, 42%, 98%)
CMYK
cmyk(0%, 18%, 42%, 2%)
Oklch
oklch(87.3% 0.092 75.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FBBB57

Ginger · SandyBrown · Warm Sun

HEX
#FBBB57
RGB
rgb(251, 187, 87)
HSL
hsl(37, 95%, 66%)
HSB
hsb(37, 65%, 98%)
CMYK
cmyk(0%, 25%, 65%, 2%)
Oklch
oklch(83.3% 0.137 75.9)

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

#F78880

Peach Pink · LightCoral · Coral Red

HEX
#F78880
RGB
rgb(247, 136, 128)
HSL
hsl(4, 88%, 74%)
HSB
hsb(4, 48%, 97%)
CMYK
cmyk(0%, 45%, 48%, 3%)
Oklch
oklch(74.6% 0.136 25.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6A1A1
A0A6A6

Analogous

A6A0A3
A6A1A1
A6A3A0

Triadic

A6A1A1
A0A6A0
A0A0A6

Split-Comp.

A6A1A1
A0A6A3
A0A3A6

Tetradic

A6A1A1
A3A6A0
A0A6A6
A3A0A6

Contrast Matrix WCAG 2.1 Contrast

A6A1A1
AFCFA9
F9CD90
FBBB57
F78880
—
1.5
Fail
1.7
Fail
1.5
Fail
1.1
Fail
1.5
Fail
—
1.1
Fail
1.0
Fail
1.4
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.4
Fail
1.1
Fail
1.4
Fail
1.6
Fail
1.4
Fail
—
White BG
2.6Fail
1.7Fail
1.5Fail
1.7Fail
2.4Fail
Black BG
8.2AAA
12.3AAA
14.2AAA
12.3AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A4A1
BDBDB2
E6E69F
DFDF6F
C7C682

Deuteranopia

A4A5A1
BBB9B4
E9ECA2
E3E875
CDD682

Tritanopia

A6A1A1
B1B9BB
F7AAAD
F88287
F18384

Achromatopsia

A2A2A2
C1C1C1
D3D3D3
C3C3C3
A8A8A8

Shades & Tints Shades & Tints

#A6A1A1

Dark
Light

#AFCFA9

Dark
Light

#F9CD90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6a1a1;
  --color-2: #afcfa9;
  --color-3: #f9cd90;
  --color-4: #fbbb57;
  --color-5: #f78880;
}

SCSS

$color-1: #a6a1a1;
$color-2: #afcfa9;
$color-3: #f9cd90;
$color-4: #fbbb57;
$color-5: #f78880;

TAILWIND

colors: {
  'brand-1': '#a6a1a1',
  'brand-2': '#afcfa9',
  'brand-3': '#f9cd90',
  'brand-4': '#fbbb57',
  'brand-5': '#f78880',
}

RGB Array

[166, 161, 161], [175, 207, 169], [249, 205, 144], [251, 187, 87], [247, 136, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #A6A1A1, #AFCFA9, #F9CD90, #FBBB57, #F78880 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: #a6a1a1; --color-2: #afcfa9; --color-3: #f9cd90; --color-4: #fbbb57; --color-5: #f78880. 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 warm-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