Gradients
Color that survives
a dark canvas.
24 gradients, 12 free. Each one is a single CSS value with the hex codes spelled out, tuned against near-black rather than white.
lg(120deg, #bef264 0%, #10b981 100%)
Acid Botanical
cool
lg(150deg, #0a0a0a 0%, #3f3f46 45%, #f59e0b 100%)
Black Gold
neutral
lg(135deg, #1e40af 0%, #0ea5e9 60%, #e0f2fe 100%)
Blueprint
cool
lg(115deg, #a5f3fc 0%, #f0abfc 45%, #fde68a 100%)
Candy Chrome
warm
lg(125deg, #fda4af 0%, #be123c 100%)
Cherry Static
warm
lg(140deg, #2dd4bf 0%, #fde68a 100%)
Coastal Calm
cool
lg(135deg, #6ee7b7 0%, #22d3ee 100%)
Cold Mint
cool
lg(160deg, #1e3a8a 0%, #60a5fa 45%, #a78bfa 100%)
Deep Signal
warm
lg(120deg, #a78bfa 0%, #f0abfc 55%, #fcd34d 100%)
Dusk Signal
warm
lg(120deg, #d9f99d 0%, #65a30d 100%)
Electric Lime
cool
lg(160deg, #064e3b 0%, #34d399 100%)
Forest Haze
neutral
lg(180deg, #bae6fd 0%, #3b82f6 100%)
Glacier
warm
lg(150deg, #4b5563 0%, #111827 100%)
Graphite
neutral
lg(120deg, #f9fafb 0%, #9ca3af 50%, #1f2937 100%)
Ink & Silver
cool
lg(160deg, #581c87 0%, #c084fc 55%, #f59e0b 100%)
Midnight Luxe
neutral
lg(110deg, #fb923c 0%, #e879f9 100%)
Neon Sunset
warm
lg(180deg, #0f172a 0%, #0e7490 60%, #2dd4bf 100%)
Ocean Floor
neutral
lg(120deg, #fed7aa 0%, #fecdd3 100%)
Peach Soda
cool
lg(135deg, #fecdd3 0%, #e9d5ff 50%, #bfdbfe 100%)
Rose Quartz
warm
lg(135deg, #ddd6fe 0%, #fef3c7 100%)
Soft Future
neutral
lg(120deg, #fef08a 0%, #f97316 55%, #dc2626 100%)
Solar Flare
cool
lg(100deg, #fcd34d 0%, #fb7185 100%)
Sun Wash
neutral
lg(135deg, #312e81 0%, #7c3aed 55%, #f0abfc 100%)
Ultraviolet
warm
lg(150deg, #fdba74 0%, #ef4444 100%)
Warm Ember
neutral