Huehive Logo

HueHive

Colors: Base 1: Name: Macchiato Hex: "#1 F1 D2 E" Variants: Light: "#403 B56" "#5 A516 F" Dark: "#18162 A" "#12101 D" Muted: "#4 B4559" "#6 A5 F72" Base 2: Name: Latte Hex: "#D4 C7 A1" Variants: Light: "#E2 D7 B4" "#F0 E8 C3" Dark: "#B9 A57 F" "#8 E7 A5 E" Muted: "#C2 B28 C" "#D1 C1 A3" Base 3: Name: Rosewater Hex: "#F4 D8 D8" Variants: Light: "#F8 Dada" "#F9 E0 E0" Dark: "#E4 B8 B8" "#C99 A9 A" Muted: "#D7 A8 A8" "#E3 B0 B0"

166 views
Hint of Red #F9E0E0
Black Velvet #1F1D2E
Maharaja #403B56
Majestic Magic #5A516F
Corbeau #12101D
Dark Knight #18162A
Black Magic #4B4559
Fiji Sands #D4C7A1
Sesame Seed #E2D7B4
Fake Blonde #F0E8C3
Rum #6A5F72
Bangalore #B9A57F
Home Brew #8E7A5E
Castaway Beach #D1C1A3
Faded Letter #C2B28C
Fresco #F4D8D8
Ballet #F8DADA
Soft Blush #E4B8B8
La Vie en Rose #D7A8A8
Mutabilis #C99A9A
Chewing Gum #E3B0B0
#F9E0E0 Hint of Red
#1F1D2E Black Velvet
#403B56 Maharaja
#5A516F Majestic Magic
#12101D Corbeau
#18162A Dark Knight
#4B4559 Black Magic
#D4C7A1 Fiji Sands
#E2D7B4 Sesame Seed
#F0E8C3 Fake Blonde
#6A5F72 Rum
#B9A57F Bangalore
#8E7A5E Home Brew
#D1C1A3 Castaway Beach
#C2B28C Faded Letter
#F4D8D8 Fresco
#F8DADA Ballet
#E4B8B8 Soft Blush
#D7A8A8 La Vie en Rose
#C99A9A Mutabilis
#E3B0B0 Chewing Gum

colors: base_1: name: Macchiato hex: "#1F1D2E" variants: light: - "#403B56" - "#5A516F" dark: - "#18162A" - "#12101D" muted: - "#4B4559" - "#6A5F72" base_2: name: Latte hex: "#D4C7A1" variants: light: - "#E2D7B4" - "#F0E8C3" dark: - "#B9A57F" - "#8E7A5E" muted: - "#C2B28C" - "#D1C1A3" base_3: name: Rosewater hex: "#F4D8D8" variants: light: - "#F8DADA" - "#F9E0E0" dark: - "#E4B8B8" - "#C99A9A" muted: - "#D7A8A8" - "#E3B0B0"

About This Color Palette

 <Macchiato Latte Rosewater>
1. Base 1 - Macchiato - 
                            
                            #1F1D2E
                         - A deep, rich shade reminiscent of dark espresso, providing a strong and sophisticated foundation.
2. Variant Light 1 - 
                            
                            #403B56
                         - A softer, muted purple with hints of gray, ideal for backgrounds or subtle accents.
3. Variant Light 2 - 
                            
                            #5A516F
                         - A warm, muted lavender that adds depth without overpowering, suitable for UI elements.
4. Variant Dark 1 - 
                            
                            #18162A
                         - An almost black shade that creates a dramatic contrast, perfect for headers or important text.
5. Variant Dark 2 - 
                            
                            #12101D
                         - A darker hue that enhances the depth of the palette, useful for shadows or overlays.
6. Variant Muted 1 - 
                            
                            #4B4559
                         - A muted, dusty violet that brings elegance and sophistication to the design.
7. Variant Muted 2 - 
                            
                            #6A5F72
                         - A soft, muted grayish-blue that pairs well with both warm and cool tones.
8. Base 2 - Latte - 
                            
                            #D4C7A1
                         - A warm, creamy beige that adds a light and inviting touch, great for backgrounds and surfaces.
9. Variant Light 1 - 
                            
                            #E2D7B4
                         - A soft, light beige that provides a gentle contrast to darker colors, ideal for large areas.
10. Variant Light 2 - 
                            
                            #F0E8C3
                         - A very light, airy beige that brings brightness and freshness to the design.
11. Variant Dark 1 - 
                            
                            #B9A57F
                         - A deeper beige that can be used for text or accents that need to stand out.
12. Variant Dark 2 - 
                            
                            #8E7A5E
                         - A rich, earthy tone ideal for grounding the palette with warm undertones.
13. Variant Muted 1 - 
                            
                            #C2B28C
                         - A dusty, muted beige that can be used for backgrounds or to create a soft contrast.
14. Variant Muted 2 - 
                            
                            #D1C1A3
                         - A warm, muted cream that adds a gentle light touch, enhancing overall warmth.
15. Base 3 - Rosewater - 
                            
                            #F4D8D8
                         - A soft, blush pink that adds a gentle and delicate feel to the palette, ideal for accents.
16. Variant Light 1 - 
                            
                            #F8DADA
                         - A light, airy pink that can bring a sense of freshness and lightness to the design.
17. Variant Light 2 - 
                            
                            #F9E0E0
                         - A very soft pink that is almost white, perfect for backgrounds and subtle touches.
18. Variant Dark 1 - 
                            
                            #E4B8B8
                         - A deeper, more pronounced pink that can be used for impactful elements.
19. Variant Dark 2 - 
                            
                            #C99A9A
                         - A rich, warm pink that provides a bold contrast against lighter shades.
20. Variant Muted 1 - 
                            
                            #D7A8A8
                         - A muted rose that adds a touch of elegance and sophistication.
21. Variant Muted 2 - 
                            
                            #E3B0B0
                         - A soft, muted blush that can enhance the overall warmth of the palette.

This color palette combines deep, sophisticated tones with soft, inviting shades. The blend of warm and cool colors provides versatility for various design elements, from backgrounds to accent pieces.

What type of project are you considering for this palette? Would you like to explore any specific applications or adjustments based on your needs?

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.

Hint of Red

#F9E0E0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Black Velvet

#1F1D2E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Maharaja

#403B56

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Majestic Magic

#5A516F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Corbeau

#12101D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Knight

#18162A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Black Magic

#4B4559

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Fiji Sands

#D4C7A1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sesame Seed

#E2D7B4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Fake Blonde

#F0E8C3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Rum

#6A5F72

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bangalore

#B9A57F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Home Brew

#8E7A5E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Castaway Beach

#D1C1A3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Faded Letter

#C2B28C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Fresco

#F4D8D8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ballet

#F8DADA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Soft Blush

#E4B8B8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

La Vie en Rose

#D7A8A8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mutabilis

#C99A9A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Chewing Gum

#E3B0B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

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

#D8CBAE
#C3B091
#8C6A4F
#F5E3C0
#3D2A26
#D8CBAE
#E6D9C3
#C7B49A
#D1BA9D
#F2E8D5
#A69E7E
#C3B091
#D6C6B4
#AFA68A
#E5D8C0
#8E7B61
#8C6A4F
#BFAFA4
#6E4D3E
#7B5A44
#D3C0B1
#5C3F2A
#F5E3C0
#E7D1B4
#E0D1B9
#F9F1E5
#D8C2A4
#3D2A26
#5C4A44
#2B1D1A
#4A3A36
#7A5E55
#B6A68C
#F7E6D5
#3F2E2B

Update Your Palette

Current Palette

Hint of Red
Black Velvet
Maharaja
Majestic Magic
Corbeau
Dark Knight
Black Magic
Fiji Sands
Sesame Seed
Fake Blonde
Rum
Bangalore
Home Brew
Castaway Beach
Faded Letter
Fresco
Ballet
Soft Blush
La Vie en Rose
Mutabilis
Chewing Gum

colors: base_1: name: Macchiato hex: "#1F1D2E" variants: light: - "#403B56" - "#5A516F" dark: - "#18162A" - "#12101D" muted: - "#4B4559" - "#6A5F72" base_2: name: Latte hex: "#D4C7A1" variants: light: - "#E2D7B4" - "#F0E8C3" dark: - "#B9A57F" - "#8E7A5E" muted: - "#C2B28C" - "#D1C1A3" base_3: name: Rosewater hex: "#F4D8D8" variants: light: - "#F8DADA" - "#F9E0E0" dark: - "#E4B8B8" - "#C99A9A" muted: - "#D7A8A8" - "#E3B0B0"

Try these examples: