Color PalettePalette GeneratorColor WheelColor Meanings
User Interfacesright

Material UI Design

Material UI Design

Google's design system with layered elements, subtle shadows, and bold colors for a tactile digital experience.

Skeuomorphic
Gradient Based UI Design
HealthTech UI Design
EdTech UI Design
AI UI Design
Clean user interface
Clean user interface
Clean user interface
copy

#F2D7E5

copy

#F1BD1E

copy

#D88CA9

copy

#9D5D5D

copy

#9D26F3

copy

#1F2338

delete

Are you sure you want to delete your palette?

Card layouts
Card layouts
Card layouts
copy

#F4EEF7

copy

#F8ACFB

copy

#C2BCC4

copy

#A49CA4

copy

#909098

copy

#634C66

delete

Are you sure you want to delete your palette?

Shadows and elevation
Shadows and elevation
Shadows and elevation
copy

#FBF3FB

copy

#CCCCD2

copy

#C8C1C9

copy

#B6B4B7

copy

#ACA8AC

copy

#685897

delete

Are you sure you want to delete your palette?

Bold typography
Bold typography
Bold typography
copy

#FBF3FB

copy

#BEB3CE

copy

#AEA6B4

copy

#AC9CC4

copy

#A4A4AC

copy

#655594

delete

Are you sure you want to delete your palette?

Floating action buttons
Floating action buttons
Floating action buttons
copy

#F5ECF8

copy

#E2BF98

copy

#DBA464

copy

#A9A9B8

copy

#C26194

copy

#34343C

delete

Are you sure you want to delete your palette?

Grid-based layouts
Grid-based layouts
Grid-based layouts
copy

#F8F1FA

copy

#F6A6FB

copy

#ABABBB

copy

#8C848C

copy

#9C73B2

copy

#4E455A

delete

Are you sure you want to delete your palette?

Vibrant colors
Vibrant colors
Vibrant colors
copy

#F9DFDE

copy

#D58C87

copy

#DC7E51

copy

#A58A86

copy

#B2403F

copy

#232222

delete

Are you sure you want to delete your palette?

Minimalist icons
Minimalist icons
Minimalist icons
copy

#F2E9FB

copy

#F79E19

copy

#9C9D9F

copy

#8972CF

copy

#5F5ABD

copy

#252525

delete

Are you sure you want to delete your palette?

Paper-like surfaces
Paper-like surfaces
Paper-like surfaces
copy

#E7E7E7

copy

#D4D4D4

copy

#CCCCCC

copy

#C4C4C4

copy

#BCBCBC

copy

#AEAEAE

delete

Are you sure you want to delete your palette?

Animation transitions
Animation transitions
Animation transitions
copy

#F0E8FB

copy

#B4ACBC

copy

#A985F9

copy

#888094

copy

#7C4CFB

copy

#422489

delete

Are you sure you want to delete your palette?

Swipe gestures
Swipe gestures
Swipe gestures
copy

#DBFBE3

copy

#86F3B2

copy

#6DEC9C

copy

#64ECA4

copy

#05E474

copy

#040705

delete

Are you sure you want to delete your palette?

Depth and layering
Depth and layering
Depth and layering
copy

#E2E2E2

copy

#ACACAC

copy

#99999A

copy

#7C7C7C

copy

#747474

copy

#646268

delete

Are you sure you want to delete your palette?

Clean navigation menus
Clean navigation menus
Clean navigation menus
copy

#E1E0E1

copy

#BE949F

copy

#908F90

copy

#A87D62

copy

#8E52AF

copy

#481A8B

delete

Are you sure you want to delete your palette?

User-friendly buttons
User-friendly buttons
User-friendly buttons
copy

#E3E3E3

copy

#B79AEE

copy

#94929E

copy

#747474

copy

#8546F3

copy

#5D0BD4

delete

Are you sure you want to delete your palette?

Bright color accents
Bright color accents
Bright color accents
copy

#E2E2E2

copy

#0AD9C2

copy

#CD442A

copy

#5B04E1

copy

#2C2D2C

copy

#0E0EAD

delete

Are you sure you want to delete your palette?

Loading more palettes...