Creative Office
Custom • 5 colors • 🔥 Warm
Colors
Purity White
#FFFFFFRGB(255, 255, 255) • HSL(0°, 0%, 100%)
CMYK(0%, 0%, 0%, 0%)
Purity, simplicity, cleanliness, minimalism, peace
Soft Graphite
#F8F8F8RGB(248, 248, 248) • HSL(0°, 0%, 97%)
CMYK(0%, 0%, 0%, 3%)
Purity, simplicity, cleanliness, minimalism, peace
Sunflower Yellow
#FFD700RGB(255, 215, 0) • HSL(51°, 100%, 50%)
CMYK(0%, 16%, 100%, 0%)
Optimism, joy, clarity, creativity
Kaleidoscope
#FF6B6BRGB(255, 107, 107) • HSL(0°, 100%, 71%)
CMYK(0%, 58%, 58%, 0%)
Passion, energy, urgency, power, love
Deep Graphite
#333333RGB(51, 51, 51) • HSL(0°, 0%, 20%)
CMYK(0%, 0%, 0%, 80%)
Neutrality, balance, professionalism, maturity
Harmony
Analogous
Colors adjacent on the color wheel. Creates harmony and visual cohesion.
Temperature
Warm
Contrast
AA: 4.5:1 · AAA: 7:1
Palette Health Score
Accessibility
Harmony
Total
= Palette Health
Accessibility Matrix (WCAG)
Contrast ratio between all color pairs. AA requires 4.5:1 for text, AAA requires 7:1.
| - | 1.06:1Fail | 1.4:1Fail | 2.78:1Fail | 12.63:1AAA | |
1.06:1Fail | - | 1.32:1Fail | 2.61:1Fail | 11.9:1AAA | |
1.4:1Fail | 1.32:1Fail | - | 1.98:1Fail | 9.01:1AAA | |
2.78:1Fail | 2.61:1Fail | 1.98:1Fail | - | 4.55:1AA | |
12.63:1AAA | 11.9:1AAA | 9.01:1AAA | 4.55:1AA | - |
Color Blindness Simulation
How this palette appears to people with different types of color vision deficiency.
Original
Protanopia (red-blind)
~1.3%Deuteranopia (green-blind)
~1.2%Tritanopia (blue-blind)
~0.01%Achromatopsia (total)
~0.003%Psychology & Meaning
Recommended Uses
Food & Entertainment
Great for restaurants, events and entertainment
Mobile Apps
Works well for mobile interfaces
Web Design
Suitable for modern websites
Palette Statistics
Type
Monochromatic
Temperature
🔥 Warm
Light / Dark
4 / 1
Avg Contrast
4.9:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.1:1
Average
4.9:1
Maximum
12.6:1
WCAG AA requires 4.5:1 for text, 3:1 for large text
Suggestions
Well balanced palette! Good variety and contrast.
Harmony Analysis
Detected Harmony
Analogous
Colors adjacent on the color wheel. Creates harmony and visual cohesion.
Harmony Score
Accessibility Report
Accessibility
/100
WCAG AA
PASS
Text contrast with white/black
Colorblind
WARNING
Color distinction for CVD users
Quality Criteria
Issues Found (6)
Colores 1 y 2 difíciles de distinguir (1.06:1) en modo normal
Colores 1 y 3 difíciles de distinguir (1.40:1) en modo normal
Colores 1 y 4 difíciles de distinguir (2.78:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.32:1) en modo normal
Colores 2 y 4 difíciles de distinguir (2.61:1) en modo normal
Colores 3 y 4 difíciles de distinguir (1.98:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #FFFFFF, #F8F8F8, #FFD700, #FF6B6B, #333333);#FFFFFF → #F8F8F8
#F8F8F8 → #FFD700
#FFD700 → #FF6B6B
#FF6B6B → #333333
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#FFFFFF
#F8F8F8
#FFD700
#FF6B6B
#333333
Export Code
:root {
--color-1: #FFFFFF;
--color-2: #F8F8F8;
--color-3: #FFD700;
--color-4: #FF6B6B;
--color-5: #333333;
}Related Palettes
Explore variations and alternatives generated from this palette
Complementary
Opposite colors on the wheel
Analogous Shift
Shifted 30° on the wheel
Lighter Version
15% lighter
Darker Version
15% darker
Muted
30% less saturation
Vibrant
30% more saturation
Triadic Shift
Shifted 120° on the wheel
Split Complementary
Shifted 150° on the wheel
Monochromatic
Based on first color
Preview
See how your palette looks in a real landing page context
Welcome to Our Platform
Discover amazing features and boost your productivity with our innovative solutions.
Feature One
Feature Two
Feature Three
© 2026 Your Brand. All rights reserved.