Huehive Logo

HueHive

Coastal Calm

28 views
Teal Green #4F8F8C
Aqua Blue #6FA6A8
Deep Teal #2F6F73
Soft Mint #8FBDB6
Dusty Rose #9B565C
Sage Green #B2C8B2
Soft Sky Blue #9FBFD6
Warm Terracotta #C99678
Pale Blush #EFD3C3
Light Ivory #F6F1E7
Navy Grey #4A586E
Muted Blush #D6A89A
Slate Blue #4F5F6B
Navy Blue #001F3F
#4F8F8C Teal Green
#6FA6A8 Aqua Blue
#2F6F73 Deep Teal
#8FBDB6 Soft Mint
#9B565C Dusty Rose
#B2C8B2 Sage Green
#9FBFD6 Soft Sky Blue
#C99678 Warm Terracotta
#EFD3C3 Pale Blush
#F6F1E7 Light Ivory
#4A586E Navy Grey
#D6A89A Muted Blush
#4F5F6B Slate Blue
#001F3F Navy Blue

Coastal Calm

About This Color Palette

Here’s the updated color palette with the addition of a navy blue:

json
{
  "palette_name": "Coastal Calm",
  "colors": [
    {
      "name": "Teal Green",
      "hex_code": "
          
          #4F8F8C
       "
    },
    {
      "name": "Aqua Blue",
      "hex_code": "
          
          #6FA6A8
       "
    },
    {
      "name": "Deep Teal",
      "hex_code": "
          
          #2F6F73
       "
    },
    {
      "name": "Soft Mint",
      "hex_code": "
          
          #8FBDB6
       "
    },
    {
      "name": "Dusty Rose",
      "hex_code": "
          
          #9B565C
       "
    },
    {
      "name": "Sage Green",
      "hex_code": "
          
          #B2C8B2
       "
    },
    {
      "name": "Soft Sky Blue",
      "hex_code": "
          
          #9FBFD6
       "
    },
    {
      "name": "Warm Terracotta",
      "hex_code": "
          
          #C99678
       "
    },
    {
      "name": "Pale Blush",
      "hex_code": "
          
          #EFD3C3
       "
    },
    {
      "name": "Light Ivory",
      "hex_code": "
          
          #F6F1E7
       "
    },
    {
      "name": "Navy Grey",
      "hex_code": "
          
          #4A586E
       "
    },
    {
      "name": "Muted Blush",
      "hex_code": "
          
          #D6A89A
       "
    },
    {
      "name": "Slate Blue",
      "hex_code": "
          
          #4F5F6B
       "
    },
    {
      "name": "Navy Blue",
      "hex_code": "
          
          #001F3F
       "
    }
  ]
}

Palette Description: The “Coastal Calm” palette now features a rich navy blue, adding depth and sophistication to the color scheme. This navy blue works wonderfully with the existing cool and warm tones, enhancing the overall balance and versatility of the palette. The combination evokes a sense of tranquility, perfect for designs that require elegance and a touch of serenity.

Would you like to explore specific applications for this palette or any further modifications?

Customize Preview Colors

Upgrade to Pro
C
Croma
Dashboard
Analytics
Customers
Settings
John Doe
Admin
Search...

Overview

Welcome back, here's what's happening today.

+12%
$45,231
Total Revenue
+12%
2,345
Active Users
+12%
128
New Orders

Revenue Growth

Brand
Features Pricing About

Build something amazing

Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.

Fast Performance

Optimized for speed and efficiency.

Secure by Default

Enterprise-grade security built-in.

Easy to Use

Intuitive interface for everyone.

9:41

Good Morning

Here's your daily update

Today

Design Review
10:00 AM
Team Meeting
11:30 AM
Lunch Break
1:00 PM
Project Focus
2:00 PM
Home
Search
Profile
B
BrandName
Sponsored
...
New Collection

Summer
Sale

Get up to 50% off on all items.

1,234 likes
BrandName Don't miss out on our biggest sale of the season! #summersale #fashion

Logo Variations

B
BrandName
B
BrandName

Business Card

B
BrandName

John Doe

Creative Director

john.doe@brandname.com

+1 (555) 123-4567

www.brandname.com

Type Scale

Heading 1

Bold / 48px

Heading 2

Bold / 36px

Heading 3

Bold / 30px

Heading 4

Bold / 24px

Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Regular / 16px

Article Layout

Design Trends

The Future of Color

Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.

"Color is a power which directly influences the soul."

Why it matters

Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.

Abstract

Composition #01

Download Files

PNG Image

Raster image format

Copy Code

variables.css

          

Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.

Original Palette

Protanopia

Red-blind (approx. 1% of men)

Deuteranopia

Green-blind (approx. 1% of men)

Tritanopia

Blue-blind (very rare)

Achromatopsia

Total color blindness (monochromacy)

Shades & Tints

Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.

Teal Green

#4F8F8C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Aqua Blue

#6FA6A8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Deep Teal

#2F6F73

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Soft Mint

#8FBDB6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dusty Rose

#9B565C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sage Green

#B2C8B2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Soft Sky Blue

#9FBFD6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Warm Terracotta

#C99678

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pale Blush

#EFD3C3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Ivory

#F6F1E7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Navy Grey

#4A586E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Blush

#D6A89A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Slate Blue

#4F5F6B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Navy Blue

#001F3F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Color Theory Analysis

Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.

Upgrade to Pro

Color Wheel Distribution

Harmony Analysis

Dominant Temperature

--

Harmony Type

--

Analyzing color relationships...

Color Values (HSL)

Select Background

Select Text Color

Contrast Analysis

Aa

The quick brown fox jumps over the lazy dog.

Contrast Ratio --

Normal Text

WCAG AA --
WCAG AAA --

Large Text

WCAG AA --
WCAG AAA --

Understanding WCAG Scores

Normal Text

  • AA requires 4.5:1 ratio
  • AAA requires 7.0:1 ratio

Large Text (18pt+ or 14pt+ bold)

  • AA requires 3.0:1 ratio
  • AAA requires 4.5:1 ratio

What would you like to do?

Other Similar Palettes

#4b5151
#FFFFFF
#A8D8B9
#D7CFC5
#2B4D67
#0A2D51
#8998B1
#B2C4BC
#C4DEEB
#637148
#CEE2B1
#D5B6B0
#D9C4A1
#4B4B4D
#F5F3E7
#7e735f
#818ca0
#d1c6b7
#b7c9d9
#8b6f5b
#f0d4d0
#b7b1b1
#7a9a8e
#4F8F8C
#6FA6A8
#2F6F73
#8FBDB6
#6F846F
#9FBFD6
#C99678
#EFD3C3
#F6F1E7
#4A586E
#D6A89A
#4F5F6B
#4F8F8C
#6FA6A8
#2F6F73
#8FBDB6
#9B565C
#6F846F
#9FBFD6
#C99678
#EFD3C3
#F6F1E7
#4A586E
#D6A89A
#4F5F6B
#4F8F8C
#6FA6A8
#2F6F73
#8FBDB6
#9B565C
#B2C8B2
#9FBFD6
#C99678
#EFD3C3
#F6F1E7
#4A586E
#D6A89A
#4F5F6B

Update Your Palette

Current Palette

Teal Green
Aqua Blue
Deep Teal
Soft Mint
Dusty Rose
Sage Green
Soft Sky Blue
Warm Terracotta
Pale Blush
Light Ivory
Navy Grey
Muted Blush
Slate Blue
Navy Blue

Coastal Calm

Try these examples:

New to HueHive? 🎨

Discover AI-powered color tools