← Back to Editor

#6A6069 · #E5AA80 · #FFD2A7 · #FBE0B1 · #FFF2CF

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#6A6069

Ink Gray · DimGray · Charcoal

HEX
#6A6069
RGB
rgb(106, 96, 105)
HSL
hsl(306, 5%, 40%)
HSB
hsb(306, 9%, 42%)
CMYK
cmyk(0%, 9%, 1%, 58%)
Oklch
oklch(50.2% 0.019 329.0)

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

#E5AA80

Apricot · BurlyWood · Warm Sun

HEX
#E5AA80
RGB
rgb(229, 170, 128)
HSL
hsl(25, 66%, 70%)
HSB
hsb(25, 44%, 90%)
CMYK
cmyk(0%, 26%, 44%, 10%)
Oklch
oklch(78.4% 0.089 56.4)

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

#FFD2A7

Apricot · Wheat · Peach Orange

HEX
#FFD2A7
RGB
rgb(255, 210, 167)
HSL
hsl(29, 100%, 83%)
HSB
hsb(29, 35%, 100%)
CMYK
cmyk(0%, 18%, 35%, 0%)
Oklch
oklch(89.2% 0.076 65.3)

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

#FBE0B1

Goose Yellow · Wheat · Peach Orange

HEX
#FBE0B1
RGB
rgb(251, 224, 177)
HSL
hsl(38, 90%, 84%)
HSB
hsb(38, 29%, 98%)
CMYK
cmyk(0%, 11%, 29%, 2%)
Oklch
oklch(91.8% 0.068 81.4)

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

#FFF2CF

Goose Yellow · Beige · Lemon Cream

HEX
#FFF2CF
RGB
rgb(255, 242, 207)
HSL
hsl(44, 100%, 91%)
HSB
hsb(44, 19%, 100%)
CMYK
cmyk(0%, 5%, 19%, 0%)
Oklch
oklch(96.3% 0.048 90.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A6069
616B62

Analogous

67616B
6A6069
6B6165

Triadic

6A6069
6A6B61
616A6B

Split-Comp.

6A6069
656B61
616B67

Tetradic

6A6069
6B6761
616B62
61656B

Contrast Matrix WCAG 2.1 Contrast

6A6069
E5AA80
FFD2A7
FBE0B1
FFF2CF
—
3.0
Fail
4.3
AA Large
4.7
AA
5.4
AA
3.0
Fail
—
1.4
Fail
1.6
Fail
1.8
Fail
4.3
AA Large
1.4
Fail
—
1.1
Fail
1.3
Fail
4.7
AA
1.6
Fail
1.1
Fail
—
1.1
Fail
5.4
AA
1.8
Fail
1.3
Fail
1.1
Fail
—
White BG
6.0AA
2.0Fail
1.4Fail
1.3Fail
1.1Fail
Black BG
3.5AA Large
10.4AAA
15.0AAA
16.4AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666667
CBCB8A
ECEBB1
EFEFBC
F9F9D7

Deuteranopia

666766
CFD38D
EEF2B4
F1F3BF
FAFBD9

Tritanopia

696565
E29294
FDBABB
FAC5C7
FEDEE0

Achromatopsia

646464
B7B7B7
DBDBDB
E3E3E3
F2F2F2

Shades & Tints Shades & Tints

#6A6069

Dark
Light

#E5AA80

Dark
Light

#FFD2A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a6069;
  --color-2: #e5aa80;
  --color-3: #ffd2a7;
  --color-4: #fbe0b1;
  --color-5: #fff2cf;
}

SCSS

$color-1: #6a6069;
$color-2: #e5aa80;
$color-3: #ffd2a7;
$color-4: #fbe0b1;
$color-5: #fff2cf;

TAILWIND

colors: {
  'brand-1': '#6a6069',
  'brand-2': '#e5aa80',
  'brand-3': '#ffd2a7',
  'brand-4': '#fbe0b1',
  'brand-5': '#fff2cf',
}

RGB Array

[106, 96, 105], [229, 170, 128], [255, 210, 167], [251, 224, 177], [255, 242, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A6069, #E5AA80, #FFD2A7, #FBE0B1, #FFF2CF 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: #6a6069; --color-2: #e5aa80; --color-3: #ffd2a7; --color-4: #fbe0b1; --color-5: #fff2cf. 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