Color collection
Warm Minimal Color Palettes
Warm minimal palettes for interiors, architecture, product pages, and elegant personal websites.
#3174D8Accent#D6AE51Surface#EBEEF4Text#121721Support#CE82A1Warm Minimal 16Warm / Minimal / NeutralQuality 97Primary#3145D8Accent#C0D651Surface#ECEBF4Text#121321Support#CE828BWarm Minimal 14Warm / Minimal / NeutralQuality 96Primary#31A3D8Accent#D67051Surface#EBF0F4Text#121B21Support#CE82B6Warm Minimal 18Warm / Minimal / NeutralQuality 96Primary#7C31D8Accent#51D65FSurface#F0EBF4Text#1A1221Support#CEA482Warm Minimal 1Warm / Minimal / NeutralQuality 95Primary#D8316EAccent#51D6A6Surface#F4EBEDText#211217Support#9ECE82Warm Minimal 2Warm / Minimal / NeutralQuality 95Primary#D8313FAccent#D6A651Surface#F4ECEBText#211213Support#89CE82How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for architecture studios, interior brands, product pages, and personal sites. Use warmth in backgrounds and a darker neutral for text to avoid low-contrast beige layouts.
Minimal palettes use fewer saturated colors and rely on surface, border, and text separation for practical interface hierarchy.
CSS Variables
:root {
--primary: #3174D8;
--accent: #D6AE51;
--surface: #EBEEF4;
--text: #121721;
--support: #CE82A1;
}FAQ
Where should I use warm minimal color palettes?
These palettes are designed for architecture studios, interior brands, product pages, and personal sites.
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 warmth in backgrounds and a darker neutral for text to avoid low-contrast beige layouts.