← Back to Editor

#FF629D · #81492E · #80B797 · #FFF9B0 · #D3DA3F

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

#FF629D

Rouge · LightCoral · Rose Pink

HEX
#FF629D
RGB
rgb(255, 98, 157)
HSL
hsl(337, 100%, 69%)
HSB
hsb(337, 62%, 100%)
CMYK
cmyk(0%, 62%, 38%, 0%)
Oklch
oklch(71.3% 0.197 0.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#81492E

Tangerine · Sienna · Amber Brown

HEX
#81492E
RGB
rgb(129, 73, 46)
HSL
hsl(20, 47%, 34%)
HSB
hsb(20, 64%, 51%)
CMYK
cmyk(0%, 43%, 64%, 49%)
Oklch
oklch(46.6% 0.086 45.7)

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

#80B797

Celadon · DarkSeaGreen · Apple Green

HEX
#80B797
RGB
rgb(128, 183, 151)
HSL
hsl(145, 28%, 61%)
HSB
hsb(145, 30%, 72%)
CMYK
cmyk(30%, 0%, 17%, 28%)
Oklch
oklch(73.2% 0.074 158.4)

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

#FFF9B0

Fresh Green · Wheat · Lemon Cream

HEX
#FFF9B0
RGB
rgb(255, 249, 176)
HSL
hsl(55, 100%, 85%)
HSB
hsb(55, 31%, 100%)
CMYK
cmyk(0%, 2%, 31%, 0%)
Oklch
oklch(97.0% 0.092 104.0)

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

#D3DA3F

Autumn Sage · GreenYellow · Sunflower

HEX
#D3DA3F
RGB
rgb(211, 218, 63)
HSL
hsl(63, 68%, 55%)
HSB
hsb(63, 71%, 85%)
CMYK
cmyk(3%, 0%, 71%, 15%)
Oklch
oklch(85.6% 0.169 112.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF629D
61FFC2

Analogous

FF61ED
FF629D
FF7361

Triadic

FF629D
9EFF61
619EFF

Split-Comp.

FF629D
61FF73
61EDFF

Tetradic

FF629D
EDFF61
61FFC2
7361FF

Contrast Matrix WCAG 2.1 Contrast

FF629D
81492E
80B797
FFF9B0
D3DA3F
—
2.6
Fail
1.2
Fail
2.6
Fail
1.9
Fail
2.6
Fail
—
3.1
AA Large
6.6
AA
4.7
AA
1.2
Fail
3.1
AA Large
—
2.1
Fail
1.5
Fail
2.6
Fail
6.6
AA
2.1
Fail
—
1.4
Fail
1.9
Fail
4.7
AA
1.5
Fail
1.4
Fail
—
White BG
2.8Fail
7.2AAA
2.3Fail
1.1Fail
1.5Fail
Black BG
7.5AAA
2.9Fail
9.1AAA
19.4AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA8F
696835
98989F
FCFCC2
D6D665

Deuteranopia

C4D08B
6C7036
9591A1
FDFDC6
D6D56D

Tritanopia

F78381
7E3A3B
83A5A6
FFD0D3
D38289

Achromatopsia

989898
575757
A3A3A3
F2F2F2
C6C6C6

Shades & Tints Shades & Tints

#FF629D

Dark
Light

#81492E

Dark
Light

#80B797

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff629d;
  --color-2: #81492e;
  --color-3: #80b797;
  --color-4: #fff9b0;
  --color-5: #d3da3f;
}

SCSS

$color-1: #ff629d;
$color-2: #81492e;
$color-3: #80b797;
$color-4: #fff9b0;
$color-5: #d3da3f;

TAILWIND

colors: {
  'brand-1': '#ff629d',
  'brand-2': '#81492e',
  'brand-3': '#80b797',
  'brand-4': '#fff9b0',
  'brand-5': '#d3da3f',
}

RGB Array

[255, 98, 157], [129, 73, 46], [128, 183, 151], [255, 249, 176], [211, 218, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF629D, #81492E, #80B797, #FFF9B0, #D3DA3F 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: #ff629d; --color-2: #81492e; --color-3: #80b797; --color-4: #fff9b0; --color-5: #d3da3f. 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