← Back to Editor

#6B2E54 · #D0B4F4 · #F8EED2 · #78B179 · #004A54

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

#6B2E54

Rose Purple · DimGray · Camellia

HEX
#6B2E54
RGB
rgb(107, 46, 84)
HSL
hsl(323, 40%, 30%)
HSB
hsb(323, 57%, 42%)
CMYK
cmyk(0%, 57%, 21%, 58%)
Oklch
oklch(39.8% 0.100 344.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#D0B4F4

Wisteria · LightSteelBlue · Lavender

HEX
#D0B4F4
RGB
rgb(208, 180, 244)
HSL
hsl(266, 74%, 83%)
HSB
hsb(266, 26%, 96%)
CMYK
cmyk(15%, 26%, 0%, 4%)
Oklch
oklch(81.6% 0.093 304.4)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

#F8EED2

Goose Yellow · Beige · Lemon Cream

HEX
#F8EED2
RGB
rgb(248, 238, 210)
HSL
hsl(44, 73%, 90%)
HSB
hsb(44, 15%, 97%)
CMYK
cmyk(0%, 4%, 15%, 3%)
Oklch
oklch(95.0% 0.038 90.7)

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

#78B179

Celadon · DarkSeaGreen · Olive Green

HEX
#78B179
RGB
rgb(120, 177, 121)
HSL
hsl(121, 27%, 58%)
HSB
hsb(121, 32%, 69%)
CMYK
cmyk(32%, 0%, 32%, 31%)
Oklch
oklch(70.6% 0.100 144.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#004A54

Lake Blue · DarkSlateGray · Peacock Green

HEX
#004A54
RGB
rgb(0, 74, 84)
HSL
hsl(187, 100%, 16%)
HSB
hsb(187, 100%, 33%)
CMYK
cmyk(100%, 12%, 0%, 67%)
Oklch
oklch(37.5% 0.065 210.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B2E54
2E6B45

Analogous

642E6B
6B2E54
6B2E35

Triadic

6B2E54
546B2E
2E546B

Split-Comp.

6B2E54
356B2E
2E6B64

Tetradic

6B2E54
6B642E
2E6B45
2E356B

Contrast Matrix WCAG 2.1 Contrast

6B2E54
D0B4F4
F8EED2
78B179
004A54
—
5.4
AA
8.5
AAA
3.9
AA Large
1.0
Fail
5.4
AA
—
1.6
Fail
1.4
Fail
5.5
AA
8.5
AAA
1.6
Fail
—
2.2
Fail
8.6
AAA
3.9
AA Large
1.4
Fail
2.2
Fail
—
4.0
AA Large
1.0
Fail
5.5
AA
8.6
AAA
4.0
AA Large
—
White BG
9.8AAA
1.8Fail
1.2Fail
2.5Fail
10.0AAA
Black BG
2.1Fail
11.5AAA
18.2AAA
8.4AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

51504B
C4C4E5
F4F4D9
919187
202152

Deuteranopia

545949
C6C8E1
F4F5DA
8D898A
1C1651

Tritanopia

684442
CFD8D6
F8DEDF
7B9194
04504F

Achromatopsia

454545
C4C4C4
EEEEEE
9A9A9A
353535

Shades & Tints Shades & Tints

#6B2E54

Dark
Light

#D0B4F4

Dark
Light

#F8EED2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b2e54;
  --color-2: #d0b4f4;
  --color-3: #f8eed2;
  --color-4: #78b179;
  --color-5: #004a54;
}

SCSS

$color-1: #6b2e54;
$color-2: #d0b4f4;
$color-3: #f8eed2;
$color-4: #78b179;
$color-5: #004a54;

TAILWIND

colors: {
  'brand-1': '#6b2e54',
  'brand-2': '#d0b4f4',
  'brand-3': '#f8eed2',
  'brand-4': '#78b179',
  'brand-5': '#004a54',
}

RGB Array

[107, 46, 84], [208, 180, 244], [248, 238, 210], [120, 177, 121], [0, 74, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B2E54, #D0B4F4, #F8EED2, #78B179, #004A54 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: #6b2e54; --color-2: #d0b4f4; --color-3: #f8eed2; --color-4: #78b179; --color-5: #004a54. 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