← Back to Editor

#07ACB4 · #071C26 · #180106 · #E98011 · #F7F9B2

warm

A 5-color warm 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

#07ACB4

Lake Blue · LightSeaGreen · Mint Ice

HEX
#07ACB4
RGB
rgb(7, 172, 180)
HSL
hsl(183, 93%, 37%)
HSB
hsb(183, 96%, 71%)
CMYK
cmyk(96%, 4%, 0%, 29%)
Oklch
oklch(67.7% 0.114 200.7)

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

#071C26

Lake Blue · Black · Peacock Green

HEX
#071C26
RGB
rgb(7, 28, 38)
HSL
hsl(199, 69%, 9%)
HSB
hsb(199, 82%, 15%)
CMYK
cmyk(82%, 26%, 0%, 85%)
Oklch
oklch(21.5% 0.033 231.6)

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

#180106

Vermilion · Black · Deep Berry

HEX
#180106
RGB
rgb(24, 1, 6)
HSL
hsl(347, 92%, 5%)
HSB
hsb(347, 96%, 9%)
CMYK
cmyk(0%, 96%, 75%, 91%)
Oklch
oklch(13.8% 0.050 6.3)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#E98011

Ochre · Chocolate · Amber Brown

HEX
#E98011
RGB
rgb(233, 128, 17)
HSL
hsl(31, 86%, 49%)
HSB
hsb(31, 93%, 91%)
CMYK
cmyk(0%, 45%, 93%, 9%)
Oklch
oklch(70.2% 0.165 57.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#F7F9B2

Fresh Green · Wheat · Lemon Cream

HEX
#F7F9B2
RGB
rgb(247, 249, 178)
HSL
hsl(62, 86%, 84%)
HSB
hsb(62, 29%, 98%)
CMYK
cmyk(1%, 0%, 29%, 2%)
Oklch
oklch(96.4% 0.090 109.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

07ACB4
B60F07

Analogous

07B667
07ACB4
0756B6

Triadic

07ACB4
B607AD
ADB607

Split-Comp.

07ACB4
B60756
B66707

Tetradic

07ACB4
6707B6
B60F07
56B607

Contrast Matrix WCAG 2.1 Contrast

07ACB4
071C26
180106
E98011
F7F9B2
—
6.3
AA
7.2
AAA
1.0
Fail
2.5
Fail
6.3
AA
—
1.2
Fail
6.3
AA
15.9
AAA
7.2
AAA
1.2
Fail
—
7.2
AAA
18.3
AAA
1.0
Fail
6.3
AA
7.2
AAA
—
2.5
Fail
2.5
Fail
15.9
AAA
18.3
AAA
2.5
Fail
—
White BG
2.8Fail
17.5AAA
20.1AAA
2.8Fail
1.1Fail
Black BG
7.6AAA
1.2Fail
1.0Fail
7.6AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E50B2
101024
0E0E05
BCBB2C
F8F8C3

Deuteranopia

4539B2
0F0D23
0F1104
C2CA32
F8F8C7

Tritanopia

0FB1B0
082221
170404
E44146
F7D1D4

Achromatopsia

7C7C7C
171717
080808
939393
F0F0F0

Shades & Tints Shades & Tints

#07ACB4

Dark
Light

#071C26

Dark
Light

#180106

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #07acb4;
  --color-2: #071c26;
  --color-3: #180106;
  --color-4: #e98011;
  --color-5: #f7f9b2;
}

SCSS

$color-1: #07acb4;
$color-2: #071c26;
$color-3: #180106;
$color-4: #e98011;
$color-5: #f7f9b2;

TAILWIND

colors: {
  'brand-1': '#07acb4',
  'brand-2': '#071c26',
  'brand-3': '#180106',
  'brand-4': '#e98011',
  'brand-5': '#f7f9b2',
}

RGB Array

[7, 172, 180], [7, 28, 38], [24, 1, 6], [233, 128, 17], [247, 249, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #07ACB4, #071C26, #180106, #E98011, #F7F9B2 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #07acb4; --color-2: #071c26; --color-3: #180106; --color-4: #e98011; --color-5: #f7f9b2. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 warm-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