← Back to Editor

#056D76 · #A7A637 · #F7E94A · #F4F37F · #97B8A0

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

#056D76

Lake Blue · Teal · Peacock Green

HEX
#056D76
RGB
rgb(5, 109, 118)
HSL
hsl(185, 92%, 24%)
HSB
hsb(185, 96%, 46%)
CMYK
cmyk(96%, 8%, 0%, 54%)
Oklch
oklch(48.8% 0.082 204.9)

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

#A7A637

Autumn Sage · GoldenRod · Honey Gold

HEX
#A7A637
RGB
rgb(167, 166, 55)
HSL
hsl(59, 50%, 44%)
HSB
hsb(59, 67%, 65%)
CMYK
cmyk(0%, 1%, 67%, 35%)
Oklch
oklch(70.5% 0.131 108.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F7E94A

Fresh Green · Khaki · Sunflower

HEX
#F7E94A
RGB
rgb(247, 233, 74)
HSL
hsl(55, 92%, 63%)
HSB
hsb(55, 70%, 97%)
CMYK
cmyk(0%, 6%, 70%, 3%)
Oklch
oklch(91.8% 0.171 104.2)

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

#F4F37F

Fresh Green · Khaki · Sunflower

HEX
#F4F37F
RGB
rgb(244, 243, 127)
HSL
hsl(59, 84%, 73%)
HSB
hsb(59, 48%, 96%)
CMYK
cmyk(0%, 0%, 48%, 4%)
Oklch
oklch(94.2% 0.139 108.4)

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

#97B8A0

Celadon · DarkSeaGreen · Apple Green

HEX
#97B8A0
RGB
rgb(151, 184, 160)
HSL
hsl(136, 19%, 66%)
HSB
hsb(136, 18%, 72%)
CMYK
cmyk(18%, 0%, 13%, 28%)
Oklch
oklch(75.1% 0.050 153.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

056D76
760E05

Analogous

057647
056D76
053476

Triadic

056D76
76056C
6C7605

Split-Comp.

056D76
760534
764705

Tetradic

056D76
470576
760E05
347605

Contrast Matrix WCAG 2.1 Contrast

056D76
A7A637
F7E94A
F4F37F
97B8A0
—
2.4
Fail
4.8
AA
5.2
AA
2.8
Fail
2.4
Fail
—
2.0
Fail
2.2
Fail
1.2
Fail
4.8
AA
2.0
Fail
—
1.1
Fail
1.7
Fail
5.2
AA
2.2
Fail
1.1
Fail
—
1.9
Fail
2.8
Fail
1.2
Fail
1.7
Fail
1.9
Fail
—
White BG
6.1AA
2.6Fail
1.3Fail
1.2Fail
2.2Fail
Black BG
3.5AA Large
8.2AAA
16.7AAA
18.0AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

323374
A7A752
F1F170
F4F49B
A5A6A6

Deuteranopia

2C2473
A7A758
F2F37A
F4F4A2
A3A1A7

Tritanopia

0A7272
A7676C
F68F96
F4B1B6
99AAAB

Achromatopsia

4F4F4F
9A9A9A
DBDBDB
E6E6E6
ABABAB

Shades & Tints Shades & Tints

#056D76

Dark
Light

#A7A637

Dark
Light

#F7E94A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #056d76;
  --color-2: #a7a637;
  --color-3: #f7e94a;
  --color-4: #f4f37f;
  --color-5: #97b8a0;
}

SCSS

$color-1: #056d76;
$color-2: #a7a637;
$color-3: #f7e94a;
$color-4: #f4f37f;
$color-5: #97b8a0;

TAILWIND

colors: {
  'brand-1': '#056d76',
  'brand-2': '#a7a637',
  'brand-3': '#f7e94a',
  'brand-4': '#f4f37f',
  'brand-5': '#97b8a0',
}

RGB Array

[5, 109, 118], [167, 166, 55], [247, 233, 74], [244, 243, 127], [151, 184, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #056D76, #A7A637, #F7E94A, #F4F37F, #97B8A0 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: #056d76; --color-2: #a7a637; --color-3: #f7e94a; --color-4: #f4f37f; --color-5: #97b8a0. 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