Colors Extracted From Image: #C0 C0 C0, #303030, #000000, #909090, #606030. Context: 기준이 되는 현재 메뉴 색상 메뉴바 기본 색상: #3 F5870 메뉴 강조/그라데이션: Linear Gradient(#286 Eb4 0%, #086 C9 A 100%) Menu Search 영역 색상: #384 D62 위 색상들과 자연스럽게 어울리는 차트용 색상 조합을 추천해줘. 차트 구조 1) 막대그래프 막대그래프는 3개 데이터로 구성됨: Ro Sro Ro Sro 2) 원형 도넛 그래프 원형 도넛그래프는 총 6개이며, 모두 다음 두 데이터만 표현함: Ro Sro 즉, 6개 도넛그래프는 모두 동일한 두 가지 색상(Ro / Sro)만 사용해야 함. 조건 왼쪽 메뉴의 네이비/슬레이트 계열과 조화로울 것 기존 #1050 A0 / #0099 Ff / #Bc00 Bc와는 다른 분위기일 것 단순히 기존 색의 채도만 낮춘 조합은 제외 너무 칙칙한 색은 제외 카키, 겨자색, 탁한 갈색 위주의 조합은 제외 업무용 / 공기업 / 관리 시스템 대시보드에 어울릴 것 촌스럽지 않고 현대적인 느낌일 것 Ro와 Sro는 도넛그래프에서 붙어 있어도 예쁘고 구분이 잘 되어야 함 Ro Sro는 막대그래프에서 Ro, Sro와 명확히 구분되어야 함 메뉴색과 차트색이 따로 놀지 않도록 할 것 결과 형식 서로 성격이 확실히 다른 8개 팔레트를 추천해줘 각 팔레트마다 아래 정보를 표시해줘: Ro: Hex Sro: Hex Ro Sro: Hex 결과는 Ui 시안이 아니라 색상칩 + Hex 코드 중심으로 보여줘 가능하면 각 팔레트에 짧게 분위기 설명도 붙여줘 예: 차분함 / 산뜻함 / 고급스러움 / 선명함 / 공공기관형 등
Colors extracted from image: #C0C0C0, #303030, #000000, #909090, #606030. Context: 기준이 되는 현재 메뉴 색상 메뉴바 기본 색상: #3F5870 메뉴 강조/그라데이션: linear-gradient(#286EB4 0%, #086C9A 100%) Menu Search 영역 색상: #384D62 위 색상들과 자연스럽게 어울리는 차트용 색상 조합을 추천해줘. 차트 구조 1) 막대그래프 막대그래프는 3개 데이터로 구성됨: RO SRO RO-SRO 2) 원형 도넛 그래프 원형 도넛그래프는 총 6개이며, 모두 다음 두 데이터만 표현함: RO SRO 즉, 6개 도넛그래프는 모두 동일한 두 가지 색상(RO / SRO)만 사용해야 함. 조건 왼쪽 메뉴의 네이비/슬레이트 계열과 조화로울 것 기존 #1050A0 / #0099FF / #BC00BC와는 다른 분위기일 것 단순히 기존 색의 채도만 낮춘 조합은 제외 너무 칙칙한 색은 제외 카키, 겨자색, 탁한 갈색 위주의 조합은 제외 업무용 / 공기업 / 관리 시스템 대시보드에 어울릴 것 촌스럽지 않고 현대적인 느낌일 것 RO와 SRO는 도넛그래프에서 붙어 있어도 예쁘고 구분이 잘 되어야 함 RO-SRO는 막대그래프에서 RO, SRO와 명확히 구분되어야 함 메뉴색과 차트색이 따로 놀지 않도록 할 것 결과 형식 서로 성격이 확실히 다른 8개 팔레트를 추천해줘 각 팔레트마다 아래 정보를 표시해줘: RO: HEX SRO: HEX RO-SRO: HEX 결과는 UI 시안이 아니라 색상칩 + HEX 코드 중심으로 보여줘 가능하면 각 팔레트에 짧게 분위기 설명도 붙여줘 예: 차분함 / 산뜻함 / 고급스러움 / 선명함 / 공공기관형 등
About This Color Palette
Here are ten color palettes designed to harmonize with your existing UI while ensuring distinctiveness among the chart colors. Each palette includes unique colors for RO, SRO, and RO-SRO, along with a brief description of the mood they convey and the rationale for their compatibility with the menu colors.
Palette 1
- RO:
#5CA8D4 - SRO:
#3FA3C1 - RO/SRO:
#EFAF3F - Description: Cool & Clean
- Reason for Harmony: The blue tones complement the menu colors without being overly similar, while the warm yellow provides a bright contrast that maintains a modern feel.
Palette 2
- RO:
#7A9FBB - SRO:
#5B758D - RO/SRO:
#A75D78 - Description: Sophisticated
- Reason for Harmony: The muted blues and soft pink provide a sophisticated touch that enhances the overall aesthetic of the dashboard while ensuring clear distinctions.
Palette 3
- RO:
#4BAE78 - SRO:
#3A9F8C - RO/SRO:
#A94A3A - Description: Soft Modern
- Reason for Harmony: The soft greens paired with a warm red create a fresh and modern palette that stands out against the menu colors without clashing.
Palette 4
- RO:
#A4D65E - SRO:
#A0C78B - RO/SRO:
#D95F34 - Description: Premium
- Reason for Harmony: The premium green shades feel upscale and work well with the existing blues, while the orange adds a vibrant touch that balances warmth and professionalism.
Palette 5
- RO:
#60B5D3 - SRO:
#4C9BC8 - RO/SRO:
#C12F2A - Description: Fresh
- Reason for Harmony: Bright blues paired with a bold red create a refreshing and lively palette that maintains a professional appearance, ensuring clarity and distinction.
Palette 6
- RO:
#A2C2D4 - SRO:
#7A97A7 - RO/SRO:
#B53D3D - Description: Restrained Colorful
- Reason for Harmony: The restrained palette uses light blues and soft tones that harmonize with the menu while the red offers a striking contrast without overwhelming the viewer.
Palette 7
- RO:
#4B8DA3 - SRO:
#2D7B8D - RO/SRO:
#D9534F - Description: Contemporary Corporate
- Reason for Harmony: The contemporary blues and reds create a professional and modern appearance, with clear distinctions between each color to enhance readability.
Palette 8
- RO:
#458F9D - SRO:
#3C7A8F - RO/SRO:
#E05230 - Description: Slightly Warm
- Reason for Harmony: The warm tones in this palette work well with the existing UI, creating a feeling of approachability while maintaining professionalism.
Palette 9
- RO:
#66BAC7 - SRO:
#55A5B1 - RO/SRO:
#D83D20 - Description: Elegant
- Reason for Harmony: The soft blue-green tones combined with an elegant red maintain a modern aesthetic, ensuring that the data stands out clearly against a white background.
Palette 10
- RO:
#3AAEED - SRO:
#2A9E9D - RO/SRO:
#FF5E3B - Description: Bold but Professional
- Reason for Harmony: The bold blue tones contrast sharply with the warm red, allowing for clarity and readability, making it suitable for a professional environment.
BEST 3 Selections
- Palette 5 - Fresh: Best harmony with the menu colors and clear distinctions.
- Palette 4 - Premium: Strong visual separation and modern appeal.
- Palette 1 - Cool & Clean: Provides clarity and modern aesthetics while ensuring the colors complement the menu effectively.
These palettes are designed to ensure that your charts are visually appealing and easy to interpret in conjunction with your existing menu colors. Would you like to explore any specific palette further?
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 / 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.
Panorama
#2D7B8D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cousteau
#5CA8D4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Laguna
#3FA3C1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tonkatsu
#EFAF3F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Far Horizons
#7A9FBB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Plumbeous
#5B758D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cinnapink
#A75D78
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Jubilant Jade
#4BAE78
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Jewel Weed
#3A9F8C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Barbarossa
#A94A3A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Last of Lettuce
#A4D65E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Oh Pistachio
#A0C78B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Salametti
#D95F34
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue Martini
#60B5D3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue Burst
#4C9BC8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Peri Peri
#C12F2A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Airborne
#A2C2D4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Inland Waters
#7A97A7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue Moon
#4B8DA3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Red Arremer
#D9534F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cherry Bomb
#B53D3D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange Soda
#FF5E3B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue Moon
#458F9D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pacific Pleasure
#3C7A8F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)High Dive
#66BAC7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Frozen Tomato
#E05230
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Atlas Cedar
#55A5B1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Kiss of the Scorpion
#D83D20
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)High Blue
#3AAEED
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Baltic
#2A9E9D
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)
Background Color
Colors
Text Color
Colors
Preview & Analysis
Aa
The quick brown fox jumps over the lazy dog.
Normal Text
Large Text
AI Contrast Fix Suggestions
Suggests background & text tweaks to reach WCAG targets.
Log in to unlock 3 free AI tries
Ready to suggest tweaks for AA/AAA.
Suggested pairs
Shortest hop that clears WCAG AA/AAA.
Understanding Contrast Ratios
4.5:1 (Level AA)
The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.
7.0:1 (Level AAA)
The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.
What counts as Large Text?
WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.
Why it matters
Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.