copy a color
analogous
Blueprint
The Blueprint color palette is a monochromatic scheme with 4 carefully selected colors (#eff6ff, #bfdbfe, #3b82f6, #1d4ed8). Great for ocean and minimal design projects.
Colors in this palette
#eff6ff
Color 1 of 4
#bfdbfe
Color 2 of 4
#3b82f6
Color 3 of 4
#1d4ed8
Color 4 of 4
How to use this palette
🎨
UI Design
Use lightest shade for backgrounds, darkest for text.
💻
Web Dev
Copy CSS variables from the export panel on the right.
✏️
Branding
Monochromatic palettes work great for logos and print.
Export Palette
Gradient preview
WCAG Contrast
eff↔bfd 1.31:1 · Fails AAbfd↔3b8 2.59:1 · Fails AA3b8↔1d4 1.82:1 · Fails AA
#eff6ff #bfdbfe #3b82f6 #1d4ed8
Related Palettes
copy a color
monochromatic
copy a color
monochromatic
copy a color
analogous