← Back to Editor

#F6F0BC · #AAE3AB · #FA8528 · #DC5925 · #6B5D52

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

#F6F0BC

Fresh Green · Bisque · Lemon Cream

HEX
#F6F0BC
RGB
rgb(246, 240, 188)
HSL
hsl(54, 76%, 85%)
HSB
hsb(54, 24%, 96%)
CMYK
cmyk(0%, 2%, 24%, 4%)
Oklch
oklch(94.7% 0.067 102.1)

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

#AAE3AB

Celadon · LightGreen · Apple Green

HEX
#AAE3AB
RGB
rgb(170, 227, 171)
HSL
hsl(121, 50%, 78%)
HSB
hsb(121, 25%, 89%)
CMYK
cmyk(25%, 0%, 25%, 11%)
Oklch
oklch(86.2% 0.096 145.1)

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

#FA8528

Tangerine · Coral · Warm Sun

HEX
#FA8528
RGB
rgb(250, 133, 40)
HSL
hsl(27, 95%, 57%)
HSB
hsb(27, 84%, 98%)
CMYK
cmyk(0%, 47%, 84%, 2%)
Oklch
oklch(73.4% 0.172 53.1)

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

#DC5925

Tangerine · Chocolate · Amber Brown

HEX
#DC5925
RGB
rgb(220, 89, 37)
HSL
hsl(17, 72%, 50%)
HSB
hsb(17, 83%, 86%)
CMYK
cmyk(0%, 60%, 83%, 14%)
Oklch
oklch(62.7% 0.176 39.9)

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

#6B5D52

Tangerine · DimGray · Amber Brown

HEX
#6B5D52
RGB
rgb(107, 93, 82)
HSL
hsl(26, 13%, 37%)
HSB
hsb(26, 23%, 42%)
CMYK
cmyk(0%, 13%, 23%, 58%)
Oklch
oklch(48.9% 0.025 60.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F0BC
BCC1F6

Analogous

F6D3BC
F6F0BC
DFF6BC

Triadic

F6F0BC
BCF6F0
F0BCF6

Split-Comp.

F6F0BC
BCDFF6
D3BCF6

Tetradic

F6F0BC
BCF6D3
BCC1F6
F6BCDF

Contrast Matrix WCAG 2.1 Contrast

F6F0BC
AAE3AB
FA8528
DC5925
6B5D52
—
1.3
Fail
2.1
Fail
3.3
AA Large
5.5
AA
1.3
Fail
—
1.7
Fail
2.6
Fail
4.3
AA Large
2.1
Fail
1.7
Fail
—
1.5
Fail
2.6
Fail
3.3
AA Large
2.6
Fail
1.5
Fail
—
1.7
Fail
5.5
AA
4.3
AA Large
2.6
Fail
1.7
Fail
—
White BG
1.2Fail
1.5Fail
2.5Fail
3.8AA Large
6.3AA
Black BG
18.1AAA
14.3AAA
8.5AAA
5.5AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3C9
C3C3B9
C7C63F
A3A232
656555

Deuteranopia

F4F4CC
BFBBBC
CED744
ABB535
666755

Tritanopia

F6D3D5
ADC3C6
F45054
D53C3E
6A5757

Achromatopsia

ECECEC
CCCCCC
9D9D9D
7A7A7A
606060

Shades & Tints Shades & Tints

#F6F0BC

Dark
Light

#AAE3AB

Dark
Light

#FA8528

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f0bc;
  --color-2: #aae3ab;
  --color-3: #fa8528;
  --color-4: #dc5925;
  --color-5: #6b5d52;
}

SCSS

$color-1: #f6f0bc;
$color-2: #aae3ab;
$color-3: #fa8528;
$color-4: #dc5925;
$color-5: #6b5d52;

TAILWIND

colors: {
  'brand-1': '#f6f0bc',
  'brand-2': '#aae3ab',
  'brand-3': '#fa8528',
  'brand-4': '#dc5925',
  'brand-5': '#6b5d52',
}

RGB Array

[246, 240, 188], [170, 227, 171], [250, 133, 40], [220, 89, 37], [107, 93, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6F0BC, #AAE3AB, #FA8528, #DC5925, #6B5D52 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: #f6f0bc; --color-2: #aae3ab; --color-3: #fa8528; --color-4: #dc5925; --color-5: #6b5d52. 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