vibrant
Indigo and Cream
12.47:1 contrast ratio —
AAAVisual Preview
#4B0082Indigo
#FFFDD0Cream
The quick brown fox
Body text — Indigo on Cream
Supporting text at reduced opacity
Badge
Reversed — Cream on Indigo
Inverted combination preview
Contrast Analysis
Contrast Ratio
12.47:1
AAAWCAG AA
✓ Pass
Requires 4.5:1
WCAG AA Large
✓ Pass
Requires 3:1
WCAG AAA
✓ Pass
Requires 7:1
Color Values
Indigo
Foreground (Text)
- HEX
- #4B0082
- RGB
- rgb(75, 0, 130)
- HSL
- hsl(275, 100%, 25%)
Cream
Background
- HEX
- #FFFDD0
- RGB
- rgb(255, 253, 208)
- HSL
- hsl(57, 100%, 91%)
Design Use Cases
- Accessibility-critical text
- Body copy
- Public sector services
- Medical content
Industry Recommendations
Creative Agencies
Entertainment
Spiritual Wellness
Premium Education
Arts
Color Psychology
The Indigo tone evokes luxury, wisdom, and creativity, while Cream brings purity, clarity, and simplicity. Together, they create a balanced palette suited for compelling visual communication.
Palette Exports
:root {
--color-indigo: #4B0082;
--color-cream: #FFFDD0;
}
.combo-indigo-cream {
color: var(--color-indigo);
background-color: var(--color-cream);
}Quick Snippets
CSS Variables
:root {
--color-indigo: #4B0082;
--color-cream: #FFFDD0;
}Tailwind CSS
<div class="bg-amber-100 text-purple-900"> Your content here </div>