← Back to Editor

#A06345 · #79C8D3 · #FFFAD7 · #E5D985 · #D65427

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

#A06345

Tangerine · Sienna · Amber Brown

HEX
#A06345
RGB
rgb(160, 99, 69)
HSL
hsl(20, 40%, 45%)
HSB
hsb(20, 57%, 63%)
CMYK
cmyk(0%, 38%, 57%, 37%)
Oklch
oklch(56.0% 0.090 46.5)

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

#79C8D3

Sky Blue · SkyBlue · Lake Green

HEX
#79C8D3
RGB
rgb(121, 200, 211)
HSL
hsl(187, 51%, 65%)
HSB
hsb(187, 43%, 83%)
CMYK
cmyk(43%, 5%, 0%, 17%)
Oklch
oklch(78.6% 0.079 207.0)

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

#FFFAD7

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFAD7
RGB
rgb(255, 250, 215)
HSL
hsl(52, 100%, 92%)
HSB
hsb(52, 16%, 100%)
CMYK
cmyk(0%, 2%, 16%, 0%)
Oklch
oklch(98.0% 0.046 100.5)

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

#E5D985

Fresh Green · Khaki · Sunflower

HEX
#E5D985
RGB
rgb(229, 217, 133)
HSL
hsl(52, 65%, 71%)
HSB
hsb(52, 42%, 90%)
CMYK
cmyk(0%, 5%, 42%, 10%)
Oklch
oklch(87.7% 0.106 101.2)

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

#D65427

Tangerine · Chocolate · Amber Brown

HEX
#D65427
RGB
rgb(214, 84, 39)
HSL
hsl(15, 69%, 50%)
HSB
hsb(15, 82%, 84%)
CMYK
cmyk(0%, 61%, 82%, 16%)
Oklch
oklch(61.1% 0.174 38.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A06345
4582A1

Analogous

A14554
A06345
A19145

Triadic

A06345
45A163
6345A1

Split-Comp.

A06345
45A191
4554A1

Tetradic

A06345
54A145
4582A1
9145A1

Contrast Matrix WCAG 2.1 Contrast

A06345
79C8D3
FFFAD7
E5D985
D65427
—
2.5
Fail
4.6
AA
3.3
AA Large
1.2
Fail
2.5
Fail
—
1.8
Fail
1.3
Fail
2.1
Fail
4.6
AA
1.8
Fail
—
1.4
Fail
3.9
AA Large
3.3
AA Large
1.3
Fail
1.4
Fail
—
2.8
Fail
1.2
Fail
2.1
Fail
3.9
AA Large
2.8
Fail
—
White BG
4.8AA
1.9Fail
1.1Fail
1.4Fail
4.1AA Large
Black BG
4.4AA Large
11.0AAA
19.9AAA
14.6AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

86854C
9B9CD0
FDFDDF
E0E099
9E9D32

Deuteranopia

898E4E
9791D0
FDFEE2
E1E19E
A5AF35

Tritanopia

9D5253
7DCECE
FFE6E8
E4A9AD
CF3A3C

Achromatopsia

727272
B2B2B2
F8F8F8
D3D3D3
767676

Shades & Tints Shades & Tints

#A06345

Dark
Light

#79C8D3

Dark
Light

#FFFAD7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a06345;
  --color-2: #79c8d3;
  --color-3: #fffad7;
  --color-4: #e5d985;
  --color-5: #d65427;
}

SCSS

$color-1: #a06345;
$color-2: #79c8d3;
$color-3: #fffad7;
$color-4: #e5d985;
$color-5: #d65427;

TAILWIND

colors: {
  'brand-1': '#a06345',
  'brand-2': '#79c8d3',
  'brand-3': '#fffad7',
  'brand-4': '#e5d985',
  'brand-5': '#d65427',
}

RGB Array

[160, 99, 69], [121, 200, 211], [255, 250, 215], [229, 217, 133], [214, 84, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A06345, #79C8D3, #FFFAD7, #E5D985, #D65427 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: #a06345; --color-2: #79c8d3; --color-3: #fffad7; --color-4: #e5d985; --color-5: #d65427. 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