App配色,需包含浅粉色、木材颜色,至少5种颜色,需包含1个明亮颜色
About This Color Palette
Creating a color palette for an app that includes light pink, wood colors, and at least one bright color can offer a warm, inviting, and cohesive look. Here's a palette that spans 12 colors, designed to be versatile and aesthetically pleasing for a wide range of applications:
1. **Soft Blush Pink**
- Hex:
#FADCD9
- Description: A gentle, soothing pink that adds a touch of femininity and warmth.
2. **Bright Coral**
- Hex:
#FF6B6B
- Description: A vivid, lively coral that stands out for call-to-action buttons or highlights.
3. **Warm Taupe**
- Hex:
#B89778
- Description: A neutral, inviting wood color that provides a solid base for app backgrounds.
4. **Rich Mahogany**
- Hex:
#5C3A41
- Description: A deep, warm brown with red undertones, perfect for text or accents that need to stand out.
5. **Sunset Gold**
- Hex:
#F9D5A7
- Description: A soft, golden hue that brings a subtle brightness, ideal for highlights and accents.
6. **Creamy Ivory**
- Hex:
#FFFDF7
- Description: A light, almost white color for background areas, ensuring content readability.
7. **Misty Rose**
- Hex:
#FFE4E1
- Description: A very light pink, adding a hint of color to backgrounds or layouts.
8. **Sandy Oak**
- Hex:
#D2B48C
- Description: A light, sandy wood color, great for neutral backgrounds or elements.
9. **Forest Pine**
- Hex:
#335C67
- Description: A deep, rich green that complements the wood tones and adds contrast.
10. **Cerulean Sky**
- Hex:
#87CEEB
- Description: A bright, cheerful blue that brings a pop of color, perfect for interactive elements.
11. **Burnt Sienna**
- Hex:
#E97451
- Description: A burnt orange that pairs well with wood colors for a cozy, warm feel.
12. **Graphite Shadow**
- Hex:
#474B4F
- Description: A dark, almost black color for text or important app elements, ensuring legibility.
This palette combines the requested light pink and wood colors with a range of supporting hues to create depth and interest. The inclusion of a bright coral offers a focal point and potential for highlighting important app features. These colors can be adapted for various elements like backgrounds, buttons, text, and graphics to create a cohesive and visually appealing app design.
Customize Preview Colors
Upgrade to ProOverview
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 / 30px
Heading 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.
Pink Glitter
#FADCD9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pompelmo
#FF6B6B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cookie Crumb
#B89778
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Wine Stain
#5C3A41
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tuscan
#F9D5A7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lotion
#FFFDF7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pink Glitter
#FFE4E1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Link to the Past
#D2B48C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Under the Sea
#335C67
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Below Zero
#87CEEB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sassy Salmon
#E97451
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Witchcraft
#474B4F
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 ProColor 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