Falnix UI

Colors & Gradients

Production-ready color scales and gradients. Toggle format to copy exactly what you need.

Copy As:

Slate

50#f8fafc
100#e2e8f0
200#94a3b8
300#475569
400#1e293b
950#0f172a

Indigo

50#eef2ff
100#c7d2fe
200#818cf8
300#4f46e5
400#3730a3
950#1e1b4b

Purple

50#faf5ff
100#e9d5ff
200#c084fc
300#9333ea
400#6b21a8
950#3b0764

Rose

50#fff1f2
100#fecdd3
200#fb7185
300#e11d48
400#9f1239
950#4c0519

Amber

50#fffbeb
100#fef3c7
200#fbbf24
300#d97706
400#92400e
950#451a03

Emerald

50#ecfdf5
100#d1fae5
200#34d399
300#059669
400#065f46
950#064e3b

Cyan

50#ecfeff
100#cffafe
200#67e8f9
300#06b6d4
400#0e7490
950#164e63

Fuchsia

50#fdf4ff
100#fae8ff
200#e879f9
300#c026d3
400#861dfd
950#4a044e

Lime

50#f7fee7
100#d9f99d
200#a3e635
300#65a30d
400#3f6212
950#1a2e05

Sky

50#f0f9ff
100#e0f2fe
200#7dd3fc
300#0ea5e9
400#0369a1
950#0c4a6e