← Back to Editor

#F67977 · #000B2D · #009991 · #6DC2AF · #D4CAB1

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

#F67977

Peach Pink · Salmon · Coral Red

HEX
#F67977
RGB
rgb(246, 121, 119)
HSL
hsl(1, 88%, 72%)
HSB
hsb(1, 52%, 96%)
CMYK
cmyk(0%, 51%, 52%, 4%)
Oklch
oklch(72.0% 0.154 22.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#000B2D

Indigo · Black · Deep Sea Blue

HEX
#000B2D
RGB
rgb(0, 11, 45)
HSL
hsl(225, 100%, 9%)
HSB
hsb(225, 100%, 18%)
CMYK
cmyk(100%, 76%, 0%, 82%)
Oklch
oklch(16.6% 0.072 261.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#009991

Mineral Blue · Teal · Mint Ice

HEX
#009991
RGB
rgb(0, 153, 145)
HSL
hsl(177, 100%, 30%)
HSB
hsb(177, 100%, 60%)
CMYK
cmyk(100%, 0%, 5%, 40%)
Oklch
oklch(61.5% 0.107 188.3)

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

#6DC2AF

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6DC2AF
RGB
rgb(109, 194, 175)
HSL
hsl(167, 41%, 59%)
HSB
hsb(167, 44%, 76%)
CMYK
cmyk(44%, 0%, 10%, 24%)
Oklch
oklch(75.5% 0.088 177.7)

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

#D4CAB1

Goose Yellow · Silver · Lemon Cream

HEX
#D4CAB1
RGB
rgb(212, 202, 177)
HSL
hsl(43, 29%, 76%)
HSB
hsb(43, 17%, 83%)
CMYK
cmyk(0%, 5%, 17%, 17%)
Oklch
oklch(84.0% 0.036 88.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F67977
79F4F6

Analogous

F679B6
F67977
F6BA79

Triadic

F67977
79F67B
7B79F6

Split-Comp.

F67977
79F6BA
79B6F6

Tetradic

F67977
B6F679
79F4F6
BA79F6

Contrast Matrix WCAG 2.1 Contrast

F67977
000B2D
009991
6DC2AF
D4CAB1
—
7.3
AAA
1.3
Fail
1.3
Fail
1.6
Fail
7.3
AAA
—
5.5
AA
9.2
AAA
11.9
AAA
1.3
Fail
5.5
AA
—
1.7
Fail
2.2
Fail
1.3
Fail
9.2
AAA
1.7
Fail
—
1.3
Fail
1.6
Fail
11.9
AAA
2.2
Fail
1.3
Fail
—
White BG
2.7Fail
19.3AAA
3.5AA Large
2.1Fail
1.6Fail
Black BG
7.9AAA
1.1Fail
6.0AA
10.0AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF77
050525
424493
9293B4
D0D0B7

Deuteranopia

C7D178
040323
392E93
8D87B5
D0D1B9

Tritanopia

F07878
011E1D
089495
71B7B8
D3BCBD

Achromatopsia

9E9E9E
0C0C0C
6A6A6A
A6A6A6
CACACA

Shades & Tints Shades & Tints

#F67977

Dark
Light

#000B2D

Dark
Light

#009991

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f67977;
  --color-2: #000b2d;
  --color-3: #009991;
  --color-4: #6dc2af;
  --color-5: #d4cab1;
}

SCSS

$color-1: #f67977;
$color-2: #000b2d;
$color-3: #009991;
$color-4: #6dc2af;
$color-5: #d4cab1;

TAILWIND

colors: {
  'brand-1': '#f67977',
  'brand-2': '#000b2d',
  'brand-3': '#009991',
  'brand-4': '#6dc2af',
  'brand-5': '#d4cab1',
}

RGB Array

[246, 121, 119], [0, 11, 45], [0, 153, 145], [109, 194, 175], [212, 202, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F67977, #000B2D, #009991, #6DC2AF, #D4CAB1 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: #f67977; --color-2: #000b2d; --color-3: #009991; --color-4: #6dc2af; --color-5: #d4cab1. 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