Color Palette Generator
Generate beautiful color palettes based on color theory. Choose a base color and harmony type.
Base Color
Harmony Type
Your Palette
#3B82F6
Base
#3C55F6
Analogous Light
#3CB2F6
Analogous Dark
#F6AF3C
Complementary
#D5E2F6
Dark Accent
Color Details
Base
#3B82F6vs White: 3.68:1✗
vs Black: 5.71:1✓
Analogous Light
#3C55F6vs White: 5.49:1✓ AA
vs Black: 3.82:1⚠
Analogous Dark
#3CB2F6vs White: 2.36:1✗
vs Black: 8.89:1✓
Complementary
#F6AF3Cvs White: 1.89:1✗
vs Black: 11.12:1✓
Dark Accent
#D5E2F6vs White: 1.31:1✗
vs Black: 16.04:1✓
CSS Variables
:root {
--color-primary: #3B82F6;
--color-light: #3c55f6;
--color-dark: #3cb2f6;
--color-accent: #f6af3c;
--color-text: #d5e2f6;
}