Copic Color Palette
About This Color Palette
Color Palette: Copic 24 Colors
1. Color Name: Lemon Yellow
Hex Code:
#F9FF00
Description: A vibrant and energetic yellow, perfect for adding a pop of brightness to any design.
2. Color Name: Canary Yellow
Hex Code:
#FFEF00
Description: A warm and sunny yellow, reminiscent of a ripe canary yellow fruit.
3. Color Name: Orange
Hex Code:
#FF8000
Description: A bold and vibrant orange, ideal for creating eye-catching designs with a touch of warmth.
4. Color Name: Vermilion
Hex Code:
#FF4D00
Description: A fiery red-orange shade that adds intensity and depth to any design.
5. Color Name: Carmine
Hex Code:
#FF003C
Description: A deep and rich red color, perfect for adding drama and passion to your artwork.
6. Color Name: Bubblegum Pink
Hex Code:
#FF6EFF
Description: A playful and vibrant pink shade that brings a sense of fun and excitement to your designs.
7. Color Name: Rose Pink
Hex Code:
#FF40B5
Description: A soft and romantic pink color, ideal for creating delicate and feminine designs.
8. Color Name: Lavender
Hex Code:
#B66AFF
Description: A soothing and calming purple shade that adds a touch of elegance to any design.
9. Color Name: Sky Blue
Hex Code:
#00BFFF
Description: A refreshing and cool blue color, reminiscent of a clear sky on a sunny day.
10. Color Name: Cobalt Blue
Hex Code:
#0066FF
Description: A deep and intense blue shade, perfect for creating a bold and striking visual impact.
11. Color Name: Turquoise Blue
Hex Code:
#00D1C1
Description: A vibrant and tropical blue-green color, evoking the tranquil beauty of a turquoise ocean.
12. Color Name: Emerald Green
Hex Code:
#00FF7F
Description: A lively and energetic green shade, reminiscent of fresh emerald leaves.
13. Color Name: Lime Green
Hex Code:
#32CD32
Description: A bright and zesty green color, perfect for adding a splash of vitality to your designs.
14. Color Name: Olive Green
Hex Code:
#808000
Description: A rich and earthy green shade, ideal for creating a sense of serenity and harmony.
15. Color Name: Dark Brown
Hex Code:
#654321
Description: A deep and warm brown color, perfect for adding depth and richness to your designs.
16. Color Name: Burnt Sienna
Hex Code:
#E97451
Description: A warm and earthy reddish-brown shade, ideal for creating a rustic and natural feel.
17. Color Name: Gray
Hex Code:
#808080
Description: A neutral and versatile gray color, perfect for creating a balanced and timeless design.
18. Color Name: Black
Hex Code:
#000000
Description: The darkest shade, black adds depth and contrast to any design.
19. Color Name: Cool Gray
Hex Code:
#B2B2B2
Description: A cool and balanced gray color, ideal for creating a modern and sophisticated look.
20. Color Name: Warm Gray
Hex Code:
#7C7C7C
Description: A warm and inviting gray shade, perfect for adding a touch of coziness to your designs.
21. Color Name: Pale Pink
Hex Code:
#FFD1DC
Description: A soft and delicate pink color, evoking a sense of innocence and sweetness.
22. Color Name: Cream
Hex Code:
#FFFDD0
Description: A warm and creamy off-white shade, ideal for creating a soft and elegant design.
23. Color Name: Beige
Hex Code:
#F5F5DC
Description: A natural and earthy beige color, reminiscent of warm sandy beaches.
24. Color Name: Off-White
Hex Code:
#F5F5F5
Description: A clean and pure white shade, perfect for creating a minimalist and modern design.
Overview
Welcome back, here's what's happening today.
Revenue Growth
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.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3
Bold / 30pxHeading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
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
Copy Code
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.
Lemon Yellow
#F9FF00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Canary Yellow
#FFEF00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange
#FF8000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Vermilion
#FF4D00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Carmine
#FF003C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bubblegum Pink
#FF6EFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Rose Pink
#FF40B5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lavender
#B66AFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sky Blue
#00BFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cobalt Blue
#0066FF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Turquoise Blue
#00D1C1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Emerald Green
#00FF7F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lime Green
#32CD32
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Olive Green
#808000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Brown
#654321
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Burnt Sienna
#E97451
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Gray
#808080
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Black
#000000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cool Gray
#B2B2B2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Warm Gray
#7C7C7C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pale Pink
#FFD1DC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cream
#FFFDD0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Beige
#F5F5DC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Off-White
#F5F5F5
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.
Normal Text
Large Text
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