Curated System Palettes

Production-Ready UI Color Palettes

Hand-crafted, WCAG-tested multi-token themes with paired light and dark modes. Seed your brand or open directly into Theme Studio.

Preview Mode:

Linear Flow

SaaS & Tech
100% AA

Clean, purple-accented theme inspired by modern project management tools.

#4F46E5
#FFFFFF
#F8F9FC
#0A0A0F
#52525B
#8E8EA0
#166534
#9A3412
#1D4ED8
PrimarySurfaceTextAccents
#saas #purple #clean #modern

Vercel Edge

SaaS & Tech
100% AA

Monochrome-forward with a stark white/black contrast and subtle blue accent.

#0055D6
#FFFFFF
#FAFAFA
#0A0A0A
#525252
#8A8A8A
#15803D
#9A3412
#0055D6
PrimarySurfaceTextAccents
#vercel #monochrome #developer #deploy

Stripe Clarity

SaaS & Tech
100% AA

Indigo accent on clean surfaces with warm gray muted tones.

#4338CA
#FFFFFF
#F6F9FC
#1A1F36
#4F566B
#8A92A6
#0F766E
#9A3412
#1E40AF
PrimarySurfaceTextAccents
#stripe #payment #fintech #indigo

GitHub Slate

SaaS & Tech
100% AA

Cool blue-gray palette used by developer collaboration platforms.

#0969DA
#FFFFFF
#F6F8FA
#1F2328
#57606A
#8C959F
#1A7F37
#9A6700
#0969DA
PrimarySurfaceTextAccents
#github #developer #slate #cool

Notion Soft

SaaS & Tech
100% AA

Warm off-white surfaces with soft brown tones and a clean content-first vibe.

#1B6FB8
#FFFFFF
#FBFBFA
#2E2B25
#5E5C56
#8C8A82
#166534
#9A3412
#155E75
PrimarySurfaceTextAccents
#notion #warm #productivity #content

Terracotta Bloom

Warm & Organic
100% AA

Earthy clay and warm cream palette evoking natural materials and craft.

#9A3412
#FDF8F3
#FFFFFF
#2D1810
#6E4E3B
#9E7E6B
#166534
#9A3412
#075985
PrimarySurfaceTextAccents
#terracotta #earth #warm #craft

Forest Sage

Warm & Organic
100% AA

Deep greens and warm stone, inspired by mossy woodland clearings.

#1B5E20
#F7F9F5
#FFFFFF
#142614
#446144
#7D967D
#166534
#9A3412
#075985
PrimarySurfaceTextAccents
#green #nature #forest #sage

Amber Harvest

Warm & Organic
100% AA

Golden amber tones with rich brown anchors, warm and inviting.

#92400E
#FFFDF5
#FFFFFF
#271F0C
#6B5930
#9E8858
#166534
#92400E
#075985
PrimarySurfaceTextAccents
#amber #gold #harvest #warm

Blush Petal

Warm & Organic
100% AA

Soft pink and rose on creamy backgrounds, delicate and feminine.

#9F1239
#FFF7F8
#FFFFFF
#2B1218
#70424F
#A87685
#166534
#9A3412
#075985
PrimarySurfaceTextAccents
#pink #rose #blush #feminine

Sand Dune

Warm & Organic
100% AA

Sandy beige that stays quiet. I use it when a portfolio needs warmth without color. Tradeoff is it can feel flat if you do not add texture or imagery.

#44403C
#FAF8F5
#FFFFFF
#1C1917
#57534E
#8C857E
#166534
#9A3412
#075985
PrimarySurfaceTextAccents
#sand #neutral #beige #minimal

Navy & Gold

Editorial & Luxury
100% AA

Deep navy and burnished gold, classic editorial luxury.

#854D0E
#FCFAF7
#FFFFFF
#0A1526
#41516B
#8B877D
#166534
#854D0E
#1E40AF
PrimarySurfaceTextAccents
#navy #gold #luxury #editorial

Ink & Parchment

Editorial & Luxury
100% AA

Classic charcoal on warm cream, inspired by letterpress and typographic tradition.

#78350F
#F6F1E7
#FCFAF5
#181614
#575047
#8C8274
#166534
#78350F
#075985
PrimarySurfaceTextAccents
#ink #parchment #classic #typography

Champagne Noir

Editorial & Luxury
100% AA

Champagne-tinted light mode with deep noir dark mode.

#715836
#FAF8F4
#FFFFFF
#141416
#52525B
#8E8779
#166534
#854D0E
#1E40AF
PrimarySurfaceTextAccents
#champagne #noir #elegant #luxury

Wine Cellar

Editorial & Luxury
100% AA

Deep burgundy and charcoal with refined warmth and depth.

#881337
#FBF7F6
#FFFFFF
#210B10
#5E3841
#94727A
#166534
#854D0E
#1E40AF
PrimarySurfaceTextAccents
#wine #burgundy #refined #depth

Ivory Tower

Editorial & Luxury
100% AA

Warm ivory surfaces with deep espresso text and subtle teal accent.

#0F766E
#FFFDF7
#FFFFFF
#19120D
#5C4E42
#8F8274
#166534
#9A3412
#0F766E
PrimarySurfaceTextAccents
#ivory #espresso #teal #sophisticated

Electric Indigo

Vibrant & Bold
100% AA

High-voltage indigo accent that demands attention on clean white.

#4338CA
#FFFFFF
#F5F3FF
#0A0517
#4C4A6B
#8683B5
#166534
#9A3412
#1D4ED8
PrimarySurfaceTextAccents
#indigo #electric #bold #vivid

Coral Pop

Vibrant & Bold
100% AA

Bright coral-orange on cool surfaces, energetic and friendly.

#C2410C
#FFFFFF
#FFF8F6
#170E09
#5C4C42
#9E7E70
#166534
#C2410C
#0369A1
PrimarySurfaceTextAccents
#coral #orange #energetic #friendly

Emerald Spark

Vibrant & Bold
100% AA

Rich emerald green on crisp white, conveying growth and vitality.

#047857
#FFFFFF
#F0FDF4
#03210F
#385743
#749E82
#047857
#9A3412
#0369A1
PrimarySurfaceTextAccents
#emerald #green #growth #vivid

Ultraviolet

Vibrant & Bold
100% AA

Deep violet primary with a high-contrast split between light and dark.

#6D28D9
#FFFFFF
#FAF5FF
#15062E
#52436B
#8E7EB0
#166534
#9A3412
#1D4ED8
PrimarySurfaceTextAccents
#violet #purple #ultraviolet #contrast

Hot Magenta

Vibrant & Bold
100% AA

Punchy magenta accent that brings boldness to any product UI.

#A21CAF
#FFFFFF
#FDF2F8
#170312
#5E3853
#9E7494
#166534
#9A3412
#0369A1
PrimarySurfaceTextAccents
#magenta #bold #punchy #startup

Pure Grayscale

Monochrome & Minimal
100% AA

Zero-chroma neutral scale for content-first designs with no color distraction.

#262626
#FFFFFF
#F5F5F5
#111111
#525252
#858585
#15803D
#854D0E
#0369A1
PrimarySurfaceTextAccents
#grayscale #neutral #minimal #content

Cool Zinc

Monochrome & Minimal
100% AA

Slightly blue-tinted zinc scale for a more refined monochrome feel.

#27272A
#FFFFFF
#F4F4F5
#121214
#52525B
#858591
#15803D
#854D0E
#0369A1
PrimarySurfaceTextAccents
#zinc #cool #blue-tint #professional

Warm Stone

Monochrome & Minimal
100% AA

Warm gray stone tones for a cozy yet minimal aesthetic.

#292524
#FAFAF9
#FFFFFF
#171412
#57534E
#8A8580
#15803D
#854D0E
#0369A1
PrimarySurfaceTextAccents
#stone #warm-gray #cozy #minimal

Near Black

Monochrome & Minimal
100% AA

Almost-black surfaces in light mode too — a dark-first design system.

#1C1C1C
#F8F8F8
#FFFFFF
#0A0A0A
#4F4F4F
#828282
#15803D
#854D0E
#0369A1
PrimarySurfaceTextAccents
#dark-first #near-black #bold #dramatic

Paper Minimal

Monochrome & Minimal
100% AA

Ultra-clean paper-white with the softest possible neutral hierarchy.

#242424
#FFFFFF
#FAFAFA
#141414
#545454
#878787
#15803D
#854D0E
#0369A1
PrimarySurfaceTextAccents
#paper #ultra-clean #light #airy

Neon Matrix

Cyber & Neon
100% AA

Electric green on pitch black, a terminal-grade cyberpunk aesthetic.

#15803D
#F0FFF4
#FFFFFF
#022108
#1E5E2E
#579E69
#15803D
#854D0E
#0369A1
PrimarySurfaceTextAccents
#neon #matrix #green #cyberpunk

Cyberpunk Pink

Cyber & Neon
100% AA

Hot pink neon on deep dark surfaces with a futuristic edge.

#9F1239
#FFF0F5
#FFFFFF
#240412
#6E2C4A
#A86885
#166534
#854D0E
#075985
PrimarySurfaceTextAccents
#cyberpunk #pink #neon #futuristic

Arctic Blue

Cyber & Neon
100% AA

Ice-cold cyan on deep navy, crisp and futuristic like a HUD display.

#0369A1
#F0FAFF
#FFFFFF
#032030
#2B5770
#578FA8
#15803D
#854D0E
#0369A1
PrimarySurfaceTextAccents
#arctic #cyan #cold #hud

Toxic Lime

Cyber & Neon
100% AA

Acidic lime-green with dark charcoal base for maximum visual impact.

#4D7C0F
#F7FEE7
#FFFFFF
#142403
#3F6116
#6B8E3D
#15803D
#854D0E
#0369A1
PrimarySurfaceTextAccents
#lime #toxic #acid #high-contrast

Plasma Amber

Cyber & Neon
100% AA

Warm amber glow on deep space backgrounds, like vintage radar displays.

#92400E
#FFFBEB
#FFFFFF
#211300
#634710
#9E824A
#166534
#92400E
#075985
PrimarySurfaceTextAccents
#amber #plasma #retro #glow

Build & Customize Your Own Design System Palette

Need a completely bespoke palette? Use Brand Peel Theme Studio to generate OKLCH shade scales, simulate color-blindness, test WCAG contrast on real UI mockups, and export to Figma, Tailwind, CSS, and shadcn.