Monochromatic One hue, varied from pale tints to deep shades. The shared color keeps everything feeling connected.
#EDF5F2 #B7D7C8 #77AB94 #35745B #183D30
Use it for: Quiet interfaces, focused product pages and a cohesive brand mood.
Analogous Neighbors on the color wheel, such as yellow, orange and red. Close relatives give variety without a sharp clash.
#FFF4D6 #F4CD63 #EEA04B #DF6945 #8F3439
Use it for: Warm editorial stories, lifestyle brands and gentle transitions.
Complementary Two hues opposite each other on the wheel. Their contrast makes a small accent feel especially vivid.
#F2F5FA #B8CEE6 #3869A1 #F2A15A #233449
Use it for: A clear focal point, a standout action or a bold brand contrast.
Split-complementary One main hue plus the two neighbors of its opposite. You get lively contrast with a little more flexibility.
#F5F1FA #8063AE #D9C2ED #A9C96C #F2C76B
Use it for: Creative products and illustrations that need several distinct accents.
Triadic Three hues spaced evenly around the wheel. Let one lead and use the other two in smaller doses.
#F8F5EE #D95265 #EBCB58 #4F83C4 #29313F
Use it for: Playful brands, education and expressive graphic design.
Tetradic / double-complementary Two complementary pairs give you four hue families. A dominant color and plenty of neutral space keep the mix from competing.
#F5F4EF #C95E78 #72A875 #5798BB #E6AF61
Use it for: Rich illustrations, multi-category systems and colorful editorial work.
Color hierarchy
A palette is a family. Hierarchy gives everyone a job. Palette types describe how hues relate. Primary, secondary, accent and neutral describe how you use them. They are roles, not a requirement to use four different hues.
Your lead brand color. Reserve it for the most important actions and recognizable moments.
A supporting color for quieter actions or distinct sections, without competing with the primary.
A small highlight for a badge, detail or moment of emphasis. A little goes a long way.
The background, surfaces and everyday text. Neutrals give the other colors room to work. Start with mostly neutral surfaces, one dominant color and a smaller accent. Check every text/background combination for readability; a harmonious palette is not automatically an accessible one.
42 palettes, each previewed as a small page. Click any swatch to copy its hex code.
Miami Work About Shop
Vaporwave Vaporwave neon at dusk
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #2B0F54 Text #FDF0FF Primary #FF71CE Accent #01CDFE Surface #3D1A78
Copy hex codes Newsprint Work About Shop
Newspaper / Print Black ink on warm paper
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F4F1EA Text #111111 Primary #B22222 Accent #5A5A5A Surface #E8E3D7
Copy hex codes Terracotta Work About Shop
Organic / Natural Warm, earthy, calm
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F5EFE6 Text #2E2A24 Primary #C96442 Accent #7A8B5C Surface #EAE1D3
Copy hex codes Swiss Work About Shop
Swiss / International Objective, punchy red
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FFFFFF Text #111111 Primary #E30613 Accent #D9D9D9 Surface #F4F4F4
Copy hex codes Acid Work About Shop
Brutalism Loud, raw, unapologetic
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FFFFFF Text #000000 Primary #C6FF00 Accent #FF3EA5 Surface #F0F0F0
Copy hex codes Candy Work About Shop
Neo-Brutalism Neo-brutal candy
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FFF4E0 Text #000000 Primary #FFDE59 Accent #FF6B6B Surface #A0E7E5
Copy hex codes Midnight Work About Shop
Dark Mode / Dark UI Precise, focused dark UI
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #08090A Text #F7F8F8 Primary #5E6AD2 Accent #8A8F98 Surface #141516
Copy hex codes Cyber Work About Shop
Cyberpunk Neon warning on black
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #0D0221 Text #E8E8E8 Primary #FCEE0A Accent #00F0FF Surface #1B0A3A
Cyber Hazard Styles: Cyberpunk
Previewed in Orbitron + Rajdhani
Copy hex codes Gilded Work About Shop
Art Deco Art deco glamour
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #0B0B0B Text #F5E6C8 Primary #D4AF37 Accent #1F3A3D Surface #161616
Copy hex codes Nordic Work About Shop
Scandinavian / Nordic Pale, quiet, natural
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F7F5F2 Text #2E2E2E Primary #7D9D9C Accent #C9B8A6 Surface #EDE9E3
Copy hex codes Game Work About Shop
Pixel Art / 8-bit 4-shade handheld nostalgia
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #9BBC0F Text #0F380F Primary #306230 Accent #8BAC0F Surface #CADC9F
Copy hex codes Memphis Work About Shop
Memphis Postmodern confetti
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FFF8E7 Text #1A1A1A Primary #FF6F91 Accent #00C9A7 Surface #FFC75F
Copy hex codes Botanical Work About Shop
Botanical / Vintage Illustration Engraved, aged, scientific
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F3EAD3 Text #3C3A2E Primary #6B8F71 Accent #A0522D Surface #E8DCBF
Copy hex codes Holo Work About Shop
Holographic / Iridescent Iridescent Y2K shimmer
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F8F6FF Text #1E1B2E Primary #B78CFF Accent #7DF9FF Surface #FFE3F3
Copy hex codes Sage Work About Shop
Minimalism Calm, clean, reassuring
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F3F6F2 Text #1F2A24 Primary #3F7D5C Accent #E3A857 Surface #E4ECE5
Copy hex codes Harbor Work About Shop
Corporate Clean / SaaS Trustworthy, steady, nautical
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F6F4EF Text #14213D Primary #1F4E79 Accent #E07A5F Surface #E9E5DB
Copy hex codes Espresso Work About Shop
Organic / Natural Dark roast, low lights
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #2B1D16 Text #F3E9DC Primary #C8A27A Accent #D9643A Surface #3A2A21
Copy hex codes Matcha Work About Shop
Japanese Minimalism Tea house, quiet green
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F4F1E8 Text #2C3325 Primary #6E8B3D Accent #C9663D Surface #E8E4D3
Copy hex codes Ink Work About Shop
Japanese Minimalism Brush ink with a red seal
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FAF7F0 Text #1A1A1A Primary #D23C2A Accent #2F4858 Surface #EFEAE0
Copy hex codes Lavender Work About Shop
Minimalism Soft, floral, restful
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F6F3FA Text #2A2238 Primary #6B4FA0 Accent #E6A0B5 Surface #ECE6F4
Copy hex codes Citrus Work About Shop
Playful / Whimsical Fresh produce, sunny stalls
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FFF9EC Text #1E2B1E Primary #E2711D Accent #3A9D5D Surface #FDEFD2
Copy hex codes Arctic Work About Shop
Dark Mode / Dark UI Cool, clear dashboards
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #0E1621 Text #E6EDF5 Primary #4DA3FF Accent #36D399 Surface #172231
Copy hex codes Forest Work About Shop
Organic / Natural Pine, lantern light, wool
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #1E2A22 Text #EDE6D6 Primary #C7A35A Accent #8FB08A Surface #27352B
Copy hex codes Blush Work About Shop
Minimalism Soft pink, grown-up
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FBF1EE Text #3A2A2A Primary #B54D5C Accent #7FA39A Surface #F4E2DD
Copy hex codes Riso Work About Shop
Collage / Cut-out Two-ink zine on cream stock
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F7F3E8 Text #1F2A44 Primary #FF5E5B Accent #00A6A6 Surface #ECE6D6
Copy hex codes Bauhaus Work About Shop
Bauhaus Red, blue, yellow, done
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F2EEE3 Text #111111 Primary #D7263D Accent #1B4AA0 Surface #F5C518
Copy hex codes Deep Work About Shop
Dark Mode / Dark UI Teal glow in deep water
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #0B1F2A Text #E8F1F2 Primary #2EC4B6 Accent #FFBF69 Surface #12303F
Copy hex codes Desert Work About Shop
Warm Neutral / Earthy Sunbaked adobe and ochre
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F3E6D8 Text #3B2A20 Primary #B5562E Accent #D9A441 Surface #EAD7C3
Copy hex codes Olive Work About Shop
Editorial / Magazine Leather chairs, old maps
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #EEEBDD Text #23261C Primary #5B6B2E Accent #9C3D2E Surface #E2DEC9
Copy hex codes Plum Work About Shop
Luxury / Premium Velvet, candlelight, gold
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #2A1528 Text #F5E9EF Primary #D8A7C1 Accent #E9C46A Surface #3A1F37
Copy hex codes Mint Work About Shop
Corporate Clean / SaaS Fresh, calm money
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F5FAF7 Text #10231B Primary #0F7A55 Accent #6C5CE7 Surface #E6F2EC
Copy hex codes Charcoal Work About Shop
Dark Mode / Dark UI Industrial, warm metal
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #1C1C1E Text #EDEAE4 Primary #C77D4A Accent #8AA1B1 Surface #2A2A2D
Copy hex codes Sunday Work About Shop
Newspaper / Print Weekend supplement, blue ink
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FBFAF6 Text #222222 Primary #2B59C3 Accent #F2B134 Surface #F0EEE6
Copy hex codes Bubblegum Work About Shop
Playful / Whimsical Sweet, loud, Y2K
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FFF0F6 Text #2B1B3D Primary #E8338B Accent #3DCCC7 Surface #FFE0EE
Copy hex codes Concrete Work About Shop
Brutalism Raw walls, safety orange
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #E9E7E3 Text #161616 Primary #FF4F00 Accent #6B6B6B Surface #F5F4F1
Copy hex codes Midnight Work About Shop
Botanical / Vintage Illustration Moonlit leaves, night blooms
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #13201C Text #E9F0EA Primary #7BC47F Accent #F2A7C3 Surface #1C2E28
Copy hex codes Butter Work About Shop
Playful / Whimsical Friendly, sunny, dependable
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FFF8E1 Text #1D2B4F Primary #3557A6 Accent #F2C14E Surface #FBEFC7
Copy hex codes Tokyo Work About Shop
Cyberpunk Rainy street, bright signs
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #0A0A12 Text #F2F2F7 Primary #FF2E63 Accent #08D9D6 Surface #16161F
Copy hex codes Seaside Work About Shop
Scandinavian / Nordic Breezy, coastal hotel
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #F7F4EC Text #22313F Primary #3E7C8C Accent #E9967A Surface #ECE7DA
Copy hex codes Monochrome Work About Shop
Monochrome Black, white, and nothing else
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #FAFAFA Text #0A0A0A Primary #3A3A3A Accent #B8B8B8 Surface #EDEDED
Copy hex codes Rust Work About Shop
Grunge Workshop steel and oxide
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #EFE9E1 Text #2A2522 Primary #A0412D Accent #3C6E71 Surface #E3DBCF
Copy hex codes Aurora Work About Shop
Aurora / Mesh Gradient Northern lights on navy
Text, buttons and cards, each in its own role.
Get started Learn more
This month
2,481
On a surface card
Background #0F1028 Text #ECEBFF Primary #8B7CF6 Accent #5EEAD4 Surface #1A1B3A
Copy hex codes