← Back to Editor

#7DD0B3 · #D4C194 · #118E71 · #F76B0E · #6C0A45

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

#7DD0B3

Jade · MediumAquaMarine · Apple Green

HEX
#7DD0B3
RGB
rgb(125, 208, 179)
HSL
hsl(159, 47%, 65%)
HSB
hsb(159, 40%, 82%)
CMYK
cmyk(40%, 0%, 14%, 18%)
Oklch
oklch(79.6% 0.092 169.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#D4C194

Goose Yellow · Tan · Sunflower

HEX
#D4C194
RGB
rgb(212, 193, 148)
HSL
hsl(42, 43%, 71%)
HSB
hsb(42, 30%, 83%)
CMYK
cmyk(0%, 9%, 30%, 17%)
Oklch
oklch(81.6% 0.063 87.8)

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

#118E71

Mineral Blue · Teal · Mint Ice

HEX
#118E71
RGB
rgb(17, 142, 113)
HSL
hsl(166, 79%, 31%)
HSB
hsb(166, 88%, 56%)
CMYK
cmyk(88%, 0%, 20%, 44%)
Oklch
oklch(57.7% 0.109 171.2)

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

#F76B0E

Tangerine · Chocolate · Warm Sun

HEX
#F76B0E
RGB
rgb(247, 107, 14)
HSL
hsl(24, 94%, 51%)
HSB
hsb(24, 94%, 97%)
CMYK
cmyk(0%, 57%, 94%, 3%)
Oklch
oklch(69.1% 0.192 45.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#6C0A45

Rose Purple · Purple · Raspberry

HEX
#6C0A45
RGB
rgb(108, 10, 69)
HSL
hsl(324, 83%, 23%)
HSB
hsb(324, 91%, 42%)
CMYK
cmyk(0%, 91%, 36%, 58%)
Oklch
oklch(35.6% 0.139 350.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7DD0B3
D07C99

Analogous

7CD088
7DD0B3
7CC3D0

Triadic

7DD0B3
B27CD0
D0B27C

Split-Comp.

7DD0B3
D07CC3
D0887C

Tetradic

7DD0B3
887CD0
D07C99
C3D07C

Contrast Matrix WCAG 2.1 Contrast

7DD0B3
D4C194
118E71
F76B0E
6C0A45
—
1.0
Fail
2.2
Fail
1.6
Fail
6.5
AA
1.0
Fail
—
2.3
Fail
1.7
Fail
6.7
AA
2.2
Fail
2.3
Fail
—
1.4
Fail
2.9
Fail
1.6
Fail
1.7
Fail
1.4
Fail
—
4.0
AA Large
6.5
AA
6.7
AA
2.9
Fail
4.0
AA Large
—
White BG
1.8Fail
1.8Fail
4.1AA Large
3.0Fail
11.9AAA
Black BG
11.5AAA
11.9AAA
5.1AA
7.1AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2BA
CCCC9F
474878
BAB925
424137

Deuteranopia

9C96BC
CDCEA2
40377A
C3CD2A
474F33

Tritanopia

81C0C1
D3A7A9
177E7F
F0363A
672B29

Achromatopsia

B4B4B4
C2C2C2
656565
8A8A8A
2E2E2E

Shades & Tints Shades & Tints

#7DD0B3

Dark
Light

#D4C194

Dark
Light

#118E71

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7dd0b3;
  --color-2: #d4c194;
  --color-3: #118e71;
  --color-4: #f76b0e;
  --color-5: #6c0a45;
}

SCSS

$color-1: #7dd0b3;
$color-2: #d4c194;
$color-3: #118e71;
$color-4: #f76b0e;
$color-5: #6c0a45;

TAILWIND

colors: {
  'brand-1': '#7dd0b3',
  'brand-2': '#d4c194',
  'brand-3': '#118e71',
  'brand-4': '#f76b0e',
  'brand-5': '#6c0a45',
}

RGB Array

[125, 208, 179], [212, 193, 148], [17, 142, 113], [247, 107, 14], [108, 10, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7DD0B3, #D4C194, #118E71, #F76B0E, #6C0A45 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: #7dd0b3; --color-2: #d4c194; --color-3: #118e71; --color-4: #f76b0e; --color-5: #6c0a45. 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