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.3:1✕ bfd↔3b8 2.6:1✕ 3b8↔1d4 1.8:1
#eff6ff #bfdbfe #3b82f6 #1d4ed8