22FPS - STUDIO

PALETTE STUDIO / 53 CURATED PRESETS

Color palettes built for real interfaces.

Every palette renders on a small live UI mockup first, so you see contrast and hierarchy before you commit. Click any color node to fine-tune its hex, expand a mockup to full screen, then copy HEX lists or CSS variables in one tap.

CUSTOM PALETTE STUDIO

Build your own, preview it live.

Palette name

#1E1B2E#2D2A45#6B6690#F4F2FB#FF7A00

Studio

Design, shipped fast.

Your custom palette, live on real UI.

Midnight Slate

Vibrant

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#1e293b

#334155

#475569

#f8fafc

#ff7a00

Electric Blue

Vibrant

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#dbeafe

#93c5fd

#60a5fa

#3b82f6

#2563eb

Cool Teal

Vibrant

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#f0fdfa

#2dd4bf

#14b8a6

#0d9488

#0f766e

Chili Pepper

Vibrant

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#fee2e2

#ef4444

#dc2626

#b91c1c

#991b1b

Golden Glow

Vibrant

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#fef9c3

#fef08a

#facc15

#eab308

#ca8a04

Tropic Shore

Vibrant

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#ade8f4

#48cae4

#0096c7

#0077b6

#023e8a

Sunset Pop

Vibrant

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#2d1b4e

#7b2d8e

#e0457b

#ff7e54

#ffd166

Ocean Current

Vibrant

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#012a4a

#01497c

#2a6f97

#61a5c2

#a9d6e5

Cyberpunk Glow

Neon

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#06000d

#120024

#9000ff

#ff007f

#00f0ff

Neon Dusk

Neon

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#0d0021

#1b003a

#9600ff

#ff007a

#ffffff

Retro Wave

Neon

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#1d1d1d

#ffffff

#ff007f

#39ff14

#00f0ff

Acid Lime

Neon

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#101010

#222222

#333333

#ffffff

#ccff00

Cyber Matrix

Neon

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#0a0a0a

#151515

#222222

#ffffff

#39ff14

Nordic Frost

Minimal

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#2e3440

#3b4252

#4c566a

#d8dee9

#88c0d0

Monochrome Dark

Minimal

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#09090b

#18181b

#27272a

#3f3f46

#fafafa

Slate Charcoal

Minimal

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#0f172a

#1e293b

#334155

#475569

#cbd5e1

Steel Grey

Minimal

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#212529

#343a40

#495057

#adb5bd

#f8f9fa

Charcoal Ash

Minimal

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#121212

#242424

#363636

#484848

#f3f3f3

Ultra Carbon

Minimal

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#030712

#0f172a

#1e293b

#334155

#f9fafb

Paper Slate

Minimal

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#fafaf9

#e7e5e4

#a8a29e

#57534e

#1c1917

Graphite Mist

Minimal

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#0b0e11

#1b2127

#39424b

#8b98a5

#eef2f5

Desert Sand

Warm

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#2b221a

#483c32

#e1a95f

#f4d1a6

#fcf6ee

Warm Terracotta

Warm

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#7c2d12

#ea580c

#f97316

#fb923c

#ffedd5

Autumn Leaf

Warm

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#451a03

#78350f

#92400e

#d97706

#fef3c7

Coffee Cream

Warm

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#3e2723

#4e342e

#5d4037

#d7ccc8

#efebe9

Amber Ember

Warm

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#1a0f0a

#3d2314

#a8471f

#e8843c

#fbe3c8

Clay Studio

Warm

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#f5ede4

#e0c3a3

#c98c5a

#8a4b2f

#3b2016

Sakura Blossom

Pastel

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#e11d48

#fb7185

#fda4af

#fecdd3

#ffe4e6

Faded Lavender

Pastel

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#7c3aed

#c084fc

#ddd6fe

#ede9fe

#f5f3ff

Pastel Mint

Pastel

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#00695c

#4db6ac

#80cbc4

#b2dfdb

#e0f2f1

Pink Velvet

Pastel

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#db2777

#ec4899

#f472b6

#fbcfe8

#fdf2f8

Warm Peach

Pastel

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#ff9a9e

#fcb69f

#fecfef

#ffecd2

#ffffff

Cotton Sky

Pastel

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#e0f2fe

#bae6fd

#7dd3fc

#38bdf8

#0284c7

Blush Sorbet

Pastel

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#fff1f2

#ffe4e6

#fecdd3

#fb7185

#e11d48

Royal Purple

Deep

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#1e1b4b

#311042

#581c87

#701a75

#fae8ff

Crimson Rose

Deep

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#4c0519

#881337

#be123c

#fb7185

#ffe4e6

Dark Indigo

Deep

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#312e81

#3730a3

#4338ca

#4f46e5

#e0e7ff

Plum Deep

Deep

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#3b0764

#581c87

#7e22ce

#a855f7

#faf5ff

Space Dust

Deep

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#0b0d19

#161b33

#474973

#a69cac

#f1dbff

Midnight Teal

Deep

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#021b1a

#053b3a

#0a6d67

#3fb0a5

#d6f4ef

Obsidian Violet

Deep

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#0c0a1f

#1c1440

#3a2a80

#7b5cff

#e9e3ff

Forest Moss

Organic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#2b4c3f

#416b5a

#6d9c87

#b8d1c5

#f2f6f4

Deep Forest

Organic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#022c22

#064e3b

#0f766e

#115e59

#ccfbf1

Lime Zing

Organic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#365314

#84cc16

#a3e635

#bef264

#ecfccb

Olive Orchard

Organic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#2c3639

#3f4e4f

#a27b5c

#dcd7c9

#f5eedc

Moss & Bark

Organic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#f4f1e8

#cdd6b1

#8ba46f

#4f6b3c

#26331d

Terra Field

Earthy

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#1f1a17

#3e332b

#7a5c3e

#c9a06a

#f0e2c8

Canyon Dusk

Earthy

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#2b1b12

#5c3320

#a8562f

#d98b5f

#f2d8bd

Vintage Gold

Classic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#1c1813

#3d372c

#b89c62

#d4c29d

#ece5d3

Classic Navy

Classic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#0a192f

#172a45

#3066be

#b4c5e4

#ffffff

Ink & Ivory

Classic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#111111

#333333

#666666

#cccccc

#f5f5f0

Burgundy Study

Classic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#2d0a0a

#5c1a1a

#8b2c2c

#c9a86a

#f5ede0

Oxford Green

Classic

Studio

Design, shipped fast.

A quick look at how this palette reads across real UI.

#0d1f17

#1e3d2f

#375f47

#7a9b83

#e8efe9