Color collection
Black and White Minimal Palettes
Sharp black and white palettes for portfolios, typography-led sites, and editorial product pages.
#274BCEAccent#7C51D6Surface#121421Text#F3F3F7Support#C97386Black and White Minimal 4Minimal / Black / EditorialQuality 99Primary#9127CEAccent#D65177Surface#26182AText#F6F3F7Support#C9A973Black and White Minimal 3Minimal / Black / EditorialQuality 97Primary#6127CEAccent#D651B5Surface#1E1627Text#F4F3F7Support#C99173Black and White Minimal 2Minimal / Black / EditorialQuality 96Primary#3227CEAccent#BA51D6Surface#171424Text#F3F3F7Support#C97973Black and White Minimal 6Minimal / Black / EditorialQuality 96Primary#CE27ACAccent#D6A851Surface#311C2AText#F7F3F6Support#B8C973Black and White Minimal 5Minimal / Black / EditorialQuality 95Primary#C027CEAccent#5DD651Surface#2E1A2DText#F7F3F7Support#C9C273How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for designer portfolios, studio pages, and editorial layouts. Use one off-white surface and one muted border tone so the page does not feel flat.
Minimal palettes use fewer saturated colors and rely on surface, border, and text separation for practical interface hierarchy.
CSS Variables
:root {
--primary: #274BCE;
--accent: #7C51D6;
--surface: #121421;
--text: #F3F3F7;
--support: #C97386;
}FAQ
Where should I use black and white minimal palettes?
These palettes are designed for designer portfolios, studio pages, and editorial layouts.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Use one off-white surface and one muted border tone so the page does not feel flat.