← Back to Editor

#DAA520 · #41C3B2 · #41AAA7 · #F2E2BA · #F44D54

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 App

Color Details Color Details

#DAA520

Ochre · GoldenRod · Honey Gold

HEX
#DAA520
RGB
rgb(218, 165, 32)
HSL
hsl(43, 74%, 49%)
HSB
hsb(43, 85%, 85%)
CMYK
cmyk(0%, 24%, 85%, 15%)
Oklch
oklch(75.2% 0.147 84.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#41C3B2

Mineral Blue · MediumTurquoise · Lake Green

HEX
#41C3B2
RGB
rgb(65, 195, 178)
HSL
hsl(172, 52%, 51%)
HSB
hsb(172, 67%, 76%)
CMYK
cmyk(67%, 0%, 9%, 24%)
Oklch
oklch(74.3% 0.114 182.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#41AAA7

Mineral Blue · CadetBlue · Mint Ice

HEX
#41AAA7
RGB
rgb(65, 170, 167)
HSL
hsl(178, 45%, 46%)
HSB
hsb(178, 62%, 67%)
CMYK
cmyk(62%, 0%, 2%, 33%)
Oklch
oklch(67.7% 0.095 192.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#F2E2BA

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E2BA
RGB
rgb(242, 226, 186)
HSL
hsl(43, 68%, 84%)
HSB
hsb(43, 23%, 95%)
CMYK
cmyk(0%, 7%, 23%, 5%)
Oklch
oklch(91.6% 0.055 88.8)

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

#F44D54

Peach Pink · Tomato · Coral Red

HEX
#F44D54
RGB
rgb(244, 77, 84)
HSL
hsl(357, 88%, 63%)
HSB
hsb(357, 68%, 96%)
CMYK
cmyk(0%, 68%, 66%, 4%)
Oklch
oklch(65.6% 0.203 22.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAA520
2055D9

Analogous

D94920
DAA520
B1D920

Triadic

DAA520
20D9A5
A520D9

Split-Comp.

DAA520
20B1D9
4920D9

Tetradic

DAA520
20D949
2055D9
D920B1

Contrast Matrix WCAG 2.1 Contrast

DAA520
41C3B2
41AAA7
F2E2BA
F44D54
—
1.0
Fail
1.2
Fail
1.7
Fail
1.6
Fail
1.0
Fail
—
1.3
Fail
1.7
Fail
1.6
Fail
1.2
Fail
1.3
Fail
—
2.2
Fail
1.2
Fail
1.7
Fail
1.7
Fail
2.2
Fail
—
2.7
Fail
1.6
Fail
1.6
Fail
1.2
Fail
2.7
Fail
—
White BG
2.2Fail
2.2Fail
2.8Fail
1.3Fail
3.5AA Large
Black BG
9.4AAA
9.7AAA
7.5AAA
16.4AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C340
797AB6
6E6FA8
EBEBC4
ACAA52

Deuteranopia

C6CA48
7268B7
6861A8
ECEDC6
B5C252

Tritanopia

D75A5F
48B9BA
46A8A8
F1CBCD
EC5151

Achromatopsia

A6A6A6
9A9A9A
8A8A8A
E2E2E2
808080

Shades & Tints Shades & Tints

#DAA520

Dark
Light

#41C3B2

Dark
Light

#41AAA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daa520;
  --color-2: #41c3b2;
  --color-3: #41aaa7;
  --color-4: #f2e2ba;
  --color-5: #f44d54;
}

SCSS

$color-1: #daa520;
$color-2: #41c3b2;
$color-3: #41aaa7;
$color-4: #f2e2ba;
$color-5: #f44d54;

TAILWIND

colors: {
  'brand-1': '#daa520',
  'brand-2': '#41c3b2',
  'brand-3': '#41aaa7',
  'brand-4': '#f2e2ba',
  'brand-5': '#f44d54',
}

RGB Array

[218, 165, 32], [65, 195, 178], [65, 170, 167], [242, 226, 186], [244, 77, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAA520, #41C3B2, #41AAA7, #F2E2BA, #F44D54 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #daa520; --color-2: #41c3b2; --color-3: #41aaa7; --color-4: #f2e2ba; --color-5: #f44d54. 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. 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