Yellow vs Indigo: Sunshine Meets Twilight
Compare warm yellow and cool indigo for high-contrast, dramatic color pairings.
Yellow
#eab308
Pure warm yellow
Indigo
#6366f1
Deep cool blue-purple
Side-by-Side Comparison
| Aspect | Yellow | Indigo |
|---|---|---|
| Temperature | Maximum warmth, sunny | Deep cool, nocturnal |
| Psychology | Optimism, attention, joy | Depth, innovation, focus |
| Together | Yellow on indigo = high visibility | Indigo with yellow accents = premium |
| Use case | Highlight badges on dark themes | Dark mode primary, AI branding |
| Best For | Highlights on dark backgrounds | Dark backgrounds and primary UI |
Our Recommendation
Yellow highlights on indigo backgrounds create stunning contrast. Use for dark-mode accents and premium features.
Tailwind Classes
Yellow
Background: bg-yellow-500
Text: text-yellow-500
Border: border-yellow-500
Indigo
Background: bg-indigo-500
Text: text-indigo-500
Border: border-indigo-500
#temperature#yellow#indigo#warm#cool#comparison