← Back to Editor

#A69680 · #FFFFFF · #FFD2B0 · #FFB0B5 · #CFFFFD

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

#A69680

Ginger · Gray · Warm Sun

HEX
#A69680
RGB
rgb(166, 150, 128)
HSL
hsl(35, 18%, 58%)
HSB
hsb(35, 23%, 65%)
CMYK
cmyk(0%, 10%, 23%, 35%)
Oklch
oklch(68.1% 0.037 75.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#FFD2B0

Apricot · Wheat · Peach Orange

HEX
#FFD2B0
RGB
rgb(255, 210, 176)
HSL
hsl(26, 100%, 85%)
HSB
hsb(26, 31%, 100%)
CMYK
cmyk(0%, 18%, 31%, 0%)
Oklch
oklch(89.4% 0.068 58.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFB0B5

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB0B5
RGB
rgb(255, 176, 181)
HSL
hsl(356, 100%, 85%)
HSB
hsb(356, 31%, 100%)
CMYK
cmyk(0%, 31%, 29%, 0%)
Oklch
oklch(83.4% 0.093 15.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#CFFFFD

Jade · Lavender · Glacier Blue

HEX
#CFFFFD
RGB
rgb(207, 255, 253)
HSL
hsl(178, 100%, 91%)
HSB
hsb(178, 19%, 100%)
CMYK
cmyk(19%, 0%, 1%, 0%)
Oklch
oklch(96.6% 0.049 193.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69680
8191A7

Analogous

A78481
A69680
A4A781

Triadic

A69680
81A797
9781A7

Split-Comp.

A69680
81A4A7
8481A7

Tetradic

A69680
81A784
8191A7
A781A4

Contrast Matrix WCAG 2.1 Contrast

A69680
FFFFFF
FFD2B0
FFB0B5
CFFFFD
—
2.9
Fail
2.1
Fail
1.7
Fail
2.7
Fail
2.9
Fail
—
1.4
Fail
1.7
Fail
1.1
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
1.7
Fail
1.2
Fail
—
1.6
Fail
2.7
Fail
1.1
Fail
1.3
Fail
1.6
Fail
—
White BG
2.9Fail
1.0Fail
1.4Fail
1.7Fail
1.1Fail
Black BG
7.3AAA
21.0AAA
15.1AAA
12.1AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F85
FFFFFF
ECEBB8
DDDCB4
E4E4FD

Deuteranopia

A0A187
FFFFFF
EEF2BA
E1E7B4
E1DDFE

Tritanopia

A58A8A
FFFFFF
FDBFC0
FBB3B3
D1FEFE

Achromatopsia

989898
FFFFFF
DCDCDC
C8C8C8
F0F0F0

Shades & Tints Shades & Tints

#A69680

Dark
Light

#FFFFFF

Dark
Light

#FFD2B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69680;
  --color-2: #ffffff;
  --color-3: #ffd2b0;
  --color-4: #ffb0b5;
  --color-5: #cffffd;
}

SCSS

$color-1: #a69680;
$color-2: #ffffff;
$color-3: #ffd2b0;
$color-4: #ffb0b5;
$color-5: #cffffd;

TAILWIND

colors: {
  'brand-1': '#a69680',
  'brand-2': '#ffffff',
  'brand-3': '#ffd2b0',
  'brand-4': '#ffb0b5',
  'brand-5': '#cffffd',
}

RGB Array

[166, 150, 128], [255, 255, 255], [255, 210, 176], [255, 176, 181], [207, 255, 253]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A69680, #FFFFFF, #FFD2B0, #FFB0B5, #CFFFFD is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #a69680; --color-2: #ffffff; --color-3: #ffd2b0; --color-4: #ffb0b5; --color-5: #cffffd. 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. 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