Huehive Logo

HueHive
Login | Signup

苹果风地图色卡

57 views
Apple Green #8CBF45
Windy Blue #5AA0C8
Earthy Brown #9C715F
Maple Red #B22222
Apple Blossom Pink #F8C3CD
Misty Gray #C0C0C0
#8CBF45 Apple Green
#5AA0C8 Windy Blue
#9C715F Earthy Brown
#B22222 Maple Red
#F8C3CD Apple Blossom Pink
#C0C0C0 Misty Gray

苹果风地图色卡

0

About This Color Palette

Color Palette:

1. Color Name: Apple Green
   Hex Code: 
                            
                            #8CBF45
                        
   Palette Description: A fresh and vibrant green color reminiscent of the crispness of apple skin. This shade brings a lively and invigorating feel to any design.

2. Color Name: Windy Blue
   Hex Code: 
                            
                            #5AA0C8
                        
   Palette Description: A serene and calming shade of blue that evokes the gentle breeze and tranquility of a windy day. This color adds a sense of peacefulness and openness to your palette.

3. Color Name: Earthy Brown
   Hex Code: 
                            
                            #9C715F
                        
   Palette Description: A warm and earthy brown color that resembles the rich tones found in maps and landscapes. This hue brings a grounded and natural element to your design.

4. Color Name: Maple Red
   Hex Code: 
                            
                            #B22222
                        
   Palette Description: A deep and intense red shade reminiscent of the vibrant colors of autumn maple leaves. This color adds a bold and passionate touch to your palette.

5. Color Name: Apple Blossom Pink
   Hex Code: 
                            
                            #F8C3CD
                        
   Palette Description: A soft and delicate pink hue inspired by the blossoming apple flowers in spring. This color brings a gentle and feminine touch to your design.

6. Color Name: Misty Gray
   Hex Code: 
                            
                            #C0C0C0
                        
   Palette Description: A light and subtle shade of gray that resembles the misty and ethereal atmosphere. This color adds a sense of sophistication and elegance to your palette.
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.
    

  


  

      

        
        

          

          

            
Apple Green

            
#8CBF45

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Windy Blue

            
#5AA0C8

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Earthy Brown

            
#9C715F

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Maple Red

            
#B22222

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Apple Blossom Pink

            
#F8C3CD

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Misty Gray

            
#C0C0C0

          

        


        
        

          

            
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?

    

      
      

      
      
        

          
        

        
Search Other Palettes

        
Explore thousands of color palettes


      
      
        

          
        

        
Create New Palette

        
Generate a custom palette from scratch

    

  

  
    

      
Other Similar Palettes

      

          

  

      

        

          

            #A4D65E
          

        

      

      

        

          

            #90EE90
          

        

      

      

        

          

            #98FF98
          

        

      

      

        

          

            #AFEEEE
          

        

      

      

        

          

            #ADD8E6
          

        

      

      

        

          

            #B0E0E6
          

        

      

  

  

    Retro Apple Green to Light Bluish Retro
    

      
      110
    

  


 
          

  

      

        

          

            #FFFFE0
          

        

      

      

        

          

            #FFFACD
          

        

      

      

        

          

            #FAFAD2
          

        

      

      

        

          

            #FFEFD5
          

        

      

      

        

          

            #FFE4B5
          

        

      

      

        

          

            #FFDAB9
          

        

      

      

        

          

            #EEE8AA
          

        

      

      

        

          

            #F0E68C
          

        

      

      

        

          

            #BDB76B
          

        

      

      

        

          

            #FFD700
          

        

      

      

        

          

            #DAA520
          

        

      

      

        

          

            #FFFF00
          

        

      

      

        

          

            #FFFFE0
          

        

      

      

        

          

            #FFEA00
          

        

      

      

        

          

            #FDFD96
          

        

      

      

        

          

            #FFCC00
          

        

      

      

        

          

            #FFFF99
          

        

      

      

        

          

            #F3E03B
          

        

      

      

        

          

            #F6EB61
          

        

      

      

        

          

            #F6A600
          

        

      

      

        

          

            #E1AD00
          

        

      

      

        

          

            #F6EB61
          

        

      

      

        

          

            #FFEA00
          

        

      

      

        

          

            #E4D300
          

        

      

      

        

          

            #F1C40F
          

        

      

      

        

          

            #FFBF00
          

        

      

      

        

          

            #F4AA00
          

        

      

      

        

          

            #FFC300
          

        

      

      

        

          

            #F8D83A
          

        

      

      

        

          

            #FFDA00
          

        

      

      

        

          

            #DAA520
          

        

      

      

        

          

            #FFFDD0
          

        

      

      

        

          

            #DFFF00
          

        

      

      

        

          

            #9BFF00
          

        

      

      

        

          

            #A8D400
          

        

      

      

        

          

            #E8FF00
          

        

      

      

        

          

            #FFFF99
          

        

      

      

        

          

            #E9B300
          

        

      

      

        

          

            #FFC300
          

        

      

      

        

          

            #F5E05D
          

        

      

      

        

          

            #EEDC82
          

        

      

      

        

          

            #F0DC82
          

        

      

      

        

          

            #FFC30B
          

        

      

      

        

          

            #FFEA00
          

        

      

      

        

          

            #FFB300
          

        

      

      

        

          

            #FFB900
          

        

      

      

        

          

            #F8E2A4
          

        

      

      

        

          

            #E3B900
          

        

      

      

        

          

            #F6EB61
          

        

      

      

        

          

            #F8E71C
          

        

      

      

        

          

            #FDDC7A
          

        

      

      

        

          

            #F6D3B4
          

        

      

      

        

          

            #B49A00
          

        

      

      

        

          

            #F7EA00
          

        

      

      

        

          

            #F9D900
          

        

      

      

        

          

            #D1A300
          

        

      

      

        

          

            #E6C200
          

        

      

      

        

          

            #F3E5AB
          

        

      

      

        

          

            #F4A300
          

        

      

      

        

          

            #F8D600
          

        

      

      

        

          

            #F8D300
          

        

      

      

        

          

            #F1E6A9
          

        

      

      

        

          

            #F4C300
          

        

      

      

        

          

            #FFB300
          

        

      

      

        

          

            #F4B700
          

        

      

      

        

          

            #FFCC00
          

        

      

      

        

          

            #F4E300
          

        

      

      

        

          

            #F8E8D0
          

        

      

      

        

          

            #F8E1A0
          

        

      

      

        

          

            #F6B600
          

        

      

      

        

          

            #F1C40F
          

        

      

      

        

          

            #E7A100
          

        

      

      

        

          

            #D6C84D
          

        

      

      

        

          

            #E8D700
          

        

      

      

        

          

            #F6EBAF
          

        

      

      

        

          

            #F3E56D
          

        

      

      

        

          

            #F0D900
          

        

      

      

        

          

            #F2D200
          

        

      

      

        

          

            #F6E8A8
          

        

      

      

        

          

            #F6EA4A
          

        

      

      

        

          

            #FCE600
          

        

      

      

        

          

            #F4D300
          

        

      

      

        

          

            #F6E2B0
          

        

      

      

        

          

            #F9D600
          

        

      

      

        

          

            #D69000
          

        

      

  

  

    Vibrant Yellows
    

      
      134
    

  


 
          

  

      

        

          

            #228B22
          

        

      

      

        

          

            #32CD32
          

        

      

      

        

          

            #6B8E23
          

        

      

      

        

          

            #3CB371
          

        

      

      

        

          

            #98FB98
          

        

      

      

        

          

            #556B2F
          

        

      

      

        

          

            #2E8B57
          

        

      

      

        

          

            #00FF7F
          

        

      

      

        

          

            #90EE90
          

        

      

      

        

          

            #7FFF00
          

        

      

      

        

          

            #F5FFFA
          

        

      

      

        

          

            #7CFC00
          

        

      

      

        

          

            #8FBC8F
          

        

      

      

        

          

            #00FA9A
          

        

      

      

        

          

            #9ACD32
          

        

      

      

        

          

            #20B2AA
          

        

      

      

        

          

            #006400
          

        

      

      

        

          

            #ADFF2F
          

        

      

      

        

          

            #D0F0C0
          

        

      

      

        

          

            #66CDAA
          

        

      

      

        

          

            #F0FFF0
          

        

      

      

        

          

            #29AB87
          

        

      

      

        

          

            #2F4F4F
          

        

      

      

        

          

            #77DD77
          

        

      

      

        

          

            #50C878
          

        

      

      

        

          

            #00B300
          

        

      

      

        

          

            #8A9A5B
          

        

      

      

        

          

            #4F7942
          

        

      

      

        

          

            #3EB489
          

        

      

      

        

          

            #40826D
          

        

      

      

        

          

            #B2BEB5
          

        

      

      

        

          

            #12B7A0
          

        

      

      

        

          

            #A8E6CE
          

        

      

      

        

          

            #D1E8B8
          

        

      

      

        

          

            #01796F
          

        

      

      

        

          

            #ACE1AF
          

        

      

      

        

          

            #4F7942
          

        

      

      

        

          

            #3B9A57
          

        

      

      

        

          

            #6DBE45
          

        

      

      

        

          

            #5D8A4E
          

        

      

      

        

          

            #A8CBA0
          

        

      

      

        

          

            #DFFF00
          

        

      

      

        

          

            #00FF3F
          

        

      

      

        

          

            #88B04B
          

        

      

      

        

          

            #3D9970
          

        

      

      

        

          

            #4C6B2B
          

        

      

      

        

          

            #C4D6B0
          

        

      

      

        

          

            #4C8C2E
          

        

      

      

        

          

            #9BC53D
          

        

      

      

        

          

            #7B9A6A
          

        

      

      

        

          

            #C4D6B0
          

        

      

      

        

          

            #8F9B57
          

        

      

      

        

          

            #B0B39F
          

        

      

      

        

          

            #A2C4A0
          

        

      

      

        

          

            #4D5D34
          

        

      

      

        

          

            #A7D95D
          

        

      

      

        

          

            #1B4D3E
          

        

      

      

        

          

            #A6D2A6
          

        

      

      

        

          

            #A2D5A2
          

        

      

      

        

          

            #B0C49A
          

        

      

      

        

          

            #B3D5B3
          

        

      

      

        

          

            #5C7A47
          

        

      

      

        

          

            #7BB661
          

        

      

      

        

          

            #D9E7B0
          

        

      

      

        

          

            #4B9B3D
          

        

      

      

        

          

            #A8E9B3
          

        

      

      

        

          

            #2E4D2B
          

        

      

      

        

          

            #B7D99C
          

        

      

      

        

          

            #A2CDA4
          

        

      

      

        

          

            #4A7C2C
          

        

      

      

        

          

            #C3D4A8
          

        

      

  

  

    Vibrant Greens
    

      
      142
    

  


 
          

  

      

        

          

            #F6EB61
          

        

      

      

        

          

            #D6C041
          

        

      

      

        

          

            #C2A400
          

        

      

      

        

          

            #FFC85B
          

        

      

      

        

          

            #FFB84D
          

        

      

      

        

          

            #F6E0B0
          

        

      

      

        

          

            #F9E7B9
          

        

      

      

        

          

            #E7E7A9
          

        

      

      

        

          

            #F3C600
          

        

      

      

        

          

            #E0C000
          

        

      

      

        

          

            #F4E7A0
          

        

      

      

        

          

            #D0E80D
          

        

      

      

        

          

            #F3E51C
          

        

      

      

        

          

            #E2C500
          

        

      

      

        

          

            #C7A500
          

        

      

      

        

          

            #FFC10A
          

        

      

      

        

          

            #E4A400
          

        

      

      

        

          

            #F7E8D4
          

        

      

      

        

          

            #F6A600
          

        

      

      

        

          

            #F2E4A3
          

        

      

      

        

          

            #F6D302
          

        

      

      

        

          

            #F2C94C
          

        

      

      

        

          

            #DAA520
          

        

      

      

        

          

            #FFD700
          

        

      

      

        

          

            #E6E0A4
          

        

      

      

        

          

            #FFE73D
          

        

      

      

        

          

            #F7EA00
          

        

      

      

        

          

            #F6E2A7
          

        

      

      

        

          

            #F6E158
          

        

      

      

        

          

            #C2A900
          

        

      

      

        

          

            #DAA520
          

        

      

      

        

          

            #F7D02C
          

        

      

      

        

          

            #A8D700
          

        

      

      

        

          

            #FFD800
          

        

      

      

        

          

            #F6EB61
          

        

      

      

        

          

            #E4D100
          

        

      

      

        

          

            #EAD37E
          

        

      

      

        

          

            #F9E07F
          

        

      

      

        

          

            #FFD4A3
          

        

      

      

        

          

            #F7B600
          

        

      

      

        

          

            #F6E0B0
          

        

      

      

        

          

            #F5E1A5
          

        

      

      

        

          

            #E6B22B
          

        

      

      

        

          

            #F6A600
          

        

      

      

        

          

            #F4E1A4
          

        

      

      

        

          

            #E8C300
          

        

      

      

        

          

            #E3C300
          

        

      

      

        

          

            #F6D255
          

        

      

      

        

          

            #F3ECA3
          

        

      

      

        

          

            #F7E3B3
          

        

      

      

        

          

            #E8D300
          

        

      

      

        

          

            #F2E2B5
          

        

      

      

        

          

            #D6AA00
          

        

      

      

        

          

            #F8E700
          

        

      

      

        

          

            #FFC700
          

        

      

      

        

          

            #DAA520
          

        

      

      

        

          

            #F6E0D6
          

        

      

      

        

          

            #F9E20B
          

        

      

      

        

          

            #FFC300
          

        

      

      

        

          

            #FFF700
          

        

      

      

        

          

            #F6A600
          

        

      

      

        

          

            #F6B93D
          

        

      

      

        

          

            #FFDA44
          

        

      

      

        

          

            #F5D36D
          

        

      

      

        

          

            #FFC700
          

        

      

      

        

          

            #F8E51C
          

        

      

      

        

          

            #F7A900
          

        

      

      

        

          

            #F6E07F
          

        

      

      

        

          

            #F2E68E
          

        

      

      

        

          

            #FFEA00
          

        

      

      

        

          

            #FFFFE0
          

        

      

      

        

          

            #FFC107
          

        

      

      

        

          

            #FFC300
          

        

      

      

        

          

            #D2EA00
          

        

      

      

        

          

            #E4D800
          

        

      

      

        

          

            #F6A600
          

        

      

      

        

          

            #FFD700
          

        

      

      

        

          

            #EDEB55
          

        

      

      

        

          

            #FFFDD0
          

        

      

      

        

          

            #F9C74F
          

        

      

      

        

          

            #FFFACD
          

        

      

      

        

          

            #DAA520
          

        

      

      

        

          

            #FFFFE0
          

        

      

      

        

          

            #F6AA1D
          

        

      

      

        

          

            #FFC512
          

        

      

      

        

          

            #FAFAD2
          

        

      

      

        

          

            #FFF700
          

        

      

      

        

          

            #FFEA00
          

        

      

      

        

          

            #C6A600
          

        

      

      

        

          

            #F3E20B
          

        

      

      

        

          

            #F4B400
          

        

      

      

        

          

            #F9E59E
          

        

      

      

        

          

            #F5DEB3
          

        

      

      

        

          

            #FFF8DC
          

        

      

      

        

          

            #F5E0A7
          

        

      

      

        

          

            #F6D19A
          

        

      

      

        

          

            #F1E06D
          

        

      

      

        

          

            #F6EB61
          

        

      

      

        

          

            #FFD700
          

        

      

      

        

          

            #FBCEB1
          

        

      

      

        

          

            #ECD47A
          

        

      

      

        

          

            #B88B00
          

        

      

      

        

          

            #FFBF00
          

        

      

      

        

          

            #F8E1B0
          

        

      

      

        

          

            #F9E76C
          

        

      

      

        

          

            #F6D43C
          

        

      

      

        

          

            #F3E5AB
          

        

      

      

        

          

            #F9C69B
          

        

      

      

        

          

            #D8A300
          

        

      

      

        

          

            #FFCC00
          

        

      

  

  

    Vibrant Yellows
    

      
      138
    

  


 
          

  

      

        

          

            #A72A2A
          

        

      

      

        

          

            #D9A84A
          

        

      

      

        

          

            #C85D33
          

        

      

      

        

          

            #3C6E4F
          

        

      

      

        

          

            #4A7C9D
          

        

      

  

  

    September Serenity
    

      
      141
    

  


 
          

  

      

        

          

            #1F3A6D
          

        

      

      

        

          

            #F5F5F5
          

        

      

      

        

          

            #333333
          

        

      

      

        

          

            #4CAF50
          

        

      

      

        

          

            #9B1B30
          

        

      

  

  

    Ryuk & L's Contrast
    

      
      108
    

  


 
      

    
















  

    

      
      

        
Update Your Palette

        
      

      
      
      

        
Current Palette

        

            

              

              Apple Green
            

            

              

              Windy Blue
            

            

              

              Earthy Brown
            

            

              

              Maple Red
            

            

              

              Apple Blossom Pink
            

            

              

              Misty Gray
            

        

        
苹果风地图色卡

      

      
      
      

        

          

            
            
            
            
            

              
Try these examples: